From bd59313dcb8bb205d68b6caf4588e8f38df0bc60 Mon Sep 17 00:00:00 2001 From: DEMOCODE675 Date: Sun, 30 Nov 2025 03:27:56 +0530 Subject: [PATCH] Improved SearchBar UI - sharpened icon, updated styles --- .../src/pages/Search/components/SearchBar.scss | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/application/frontend/src/pages/Search/components/SearchBar.scss b/application/frontend/src/pages/Search/components/SearchBar.scss index 5c71a549..a4b10d45 100644 --- a/application/frontend/src/pages/Search/components/SearchBar.scss +++ b/application/frontend/src/pages/Search/components/SearchBar.scss @@ -13,6 +13,13 @@ form { position: relative; + display: flex; + align-items: center; + border: 1px solid rgba(var(--border-rgb), 0.5); + border-radius: var(--radius); + background-color: rgba(var(--card-rgb), 0.5); + backdrop-filter: blur(4px); + transition: all 0.2s ease; } .search-icon { @@ -21,10 +28,9 @@ top: 50%; transform: translateY(-50%); color: var(--muted-foreground); - height: 1rem; - width: 1rem; - pointer-events: none; - z-index: 1; + height: 1.20rem; //bigger for sharpness + width: 1.20rem; + vector-effect:non-scaling-stroke; // keep strokes crisp } input {