QT/InvoiceShelf
1
0
Fork 0
mirror of https://github.com/InvoiceShelf/InvoiceShelf.git synced 2026-04-19 11:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Polish header search bar with frosted glass styling

Browse Source 
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:
Darko Gjorgjijoski
2026-04-04 02:55:00 +02:00
parent 7a1e2cd2c3
commit 960e6d3517
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/scripts/components/GlobalSearchBar.vue
View File

@@ -4,12 +4,12 @@
<BaseInput <BaseInput
v-model="name" v-model="name"
:placeholder="$t('global_search.search')" :placeholder="$t('global_search.search')"
container-class="!rounded" container-class="!rounded-lg !shadow-none"
class="h-8 md:h-9 !rounded" class="h-8 md:h-9 !rounded-lg !bg-white/20 !border-white/10 !text-white !placeholder-white/60"
@input="onSearch" @input="onSearch"
> >
<template #left> <template #left>
<BaseIcon name="MagnifyingGlassIcon" class="text-subtle" /> <BaseIcon name="MagnifyingGlassIcon" class="!text-white/70" />
</template> </template>
<template #right> <template #right>
<SpinnerIcon v-if="isSearching" class="h-5 text-primary-500" /> <SpinnerIcon v-if="isSearching" class="h-5 text-primary-500" />