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:
Darko Gjorgjijoski
2026-04-04 02:55:00 +02:00
parent 7a1e2cd2c3
commit 960e6d3517

View File

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