mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-21 13:23:07 +01:00
Adds icons for dropdown search
This commit is contained in:
@@ -11,6 +11,16 @@
|
||||
:data="results"
|
||||
@select="selected"
|
||||
>
|
||||
<template slot-scope="props">
|
||||
<div class="media">
|
||||
<div class="media-left">
|
||||
<span :class="props.option.state"><icon name="crate"></icon></span>
|
||||
</div>
|
||||
<div class="media-content">
|
||||
{{ props.option.name }}
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</b-autocomplete>
|
||||
</div>
|
||||
</template>
|
||||
@@ -56,6 +66,7 @@ export default {
|
||||
name: c.name,
|
||||
id: c.id,
|
||||
created: c.created,
|
||||
state: c.state,
|
||||
preparedName: fuzzysort.prepare(c.name),
|
||||
}));
|
||||
},
|
||||
@@ -77,4 +88,12 @@ export default {
|
||||
.panel {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.running {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.exited {
|
||||
color: var(--scheme-main-ter);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user