1
0
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:
Amir Raminfar
2021-03-28 12:44:04 -07:00
parent 83ca30caf9
commit 3ebe5587f6
2 changed files with 24 additions and 0 deletions

View File

@@ -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>