From 960e6d35175a77258fe49d4e499c3c0c2881a868 Mon Sep 17 00:00:00 2001
From: Darko Gjorgjijoski <dg@darkog.com>
Date: Sat, 4 Apr 2026 02:55:00 +0200
Subject: [PATCH] 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>
---
 resources/scripts/components/GlobalSearchBar.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/scripts/components/GlobalSearchBar.vue b/resources/scripts/components/GlobalSearchBar.vue
index dbcfbfa2..b3b21653 100644
--- a/resources/scripts/components/GlobalSearchBar.vue
+++ b/resources/scripts/components/GlobalSearchBar.vue
@@ -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" />