1
0

feat(filter): make the autocomplete look pretty

This commit is contained in:
kolaente
2024-03-06 18:09:17 +01:00
parent 7fc1f27ef5
commit 9ade917ac4
2 changed files with 56 additions and 30 deletions

View File

@ -240,6 +240,7 @@ const autocompleteResults = ref<any[]>([])
spellcheck="false"
v-model="filterQuery"
class="input"
:class="{'has-autocomplete-results': autocompleteResults.length > 0}"
ref="filterInput"
></textarea>
<div
@ -258,7 +259,7 @@ const autocompleteResults = ref<any[]>([])
<template
v-slot:result="{ item }"
>
whoo {{ item }}
{{ item }}
</template>
</AutocompleteDropdown>
</div>
@ -323,6 +324,10 @@ const autocompleteResults = ref<any[]>([])
-webkit-text-fill-color: transparent;
background: transparent !important;
resize: none;
&.has-autocomplete-results {
border-radius: var(--input-radius) var(--input-radius) 0 0;
}
}
.filter-input-highlight {