feat(ui): highlight selector search option

sentriz · Sep 23, 2021 · dc18179 · dc18179
1 parent 36f985b
commit dc18179
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/frontend/components/SearchFilter.vue b/frontend/components/SearchFilter.vue
@@ -5,8 +5,9 @@
       <search-filter-item :label="props.selected.label" :icon="props.selected.icon" @click="toggle" />
       <div v-if="isOpen" class="absolute z-10 py-2 ml-[-1px] mt-2 bg-white border border-gray-300 rounded">
         <search-filter-item
-          class="hover:bg-gray-100"
           v-for="(item, idx) in props.items"
+          class="hover:bg-gray-100"
+          :class="{ 'font-bold': selected === item }"
           :label="item.label"
           :icon="item.icon"
           @click="choose(idx)"