mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-15 09:14:08 +00:00
Polish header search bar with frosted glass styling
Replace solid bg-surface background with bg-white/20 translucent style matching the + button and company switcher. Use white text and placeholder with opacity for consistency on the gradient header. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -4,12 +4,12 @@
|
||||
<BaseInput
|
||||
v-model="name"
|
||||
:placeholder="$t('global_search.search')"
|
||||
container-class="!rounded"
|
||||
class="h-8 md:h-9 !rounded"
|
||||
container-class="!rounded-lg !shadow-none"
|
||||
class="h-8 md:h-9 !rounded-lg !bg-white/20 !border-white/10 !text-white !placeholder-white/60"
|
||||
@input="onSearch"
|
||||
>
|
||||
<template #left>
|
||||
<BaseIcon name="MagnifyingGlassIcon" class="text-subtle" />
|
||||
<BaseIcon name="MagnifyingGlassIcon" class="!text-white/70" />
|
||||
</template>
|
||||
<template #right>
|
||||
<SpinnerIcon v-if="isSearching" class="h-5 text-primary-500" />
|
||||
|
||||
Reference in New Issue
Block a user