claude/kochwas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(search): Header-Suche angeglichen an Home-Suche
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 1m15s
Details

Browse Source 
Die Header-Suche war Pill-förmig mit grünlichem Hintergrund, die Home-
Suche ein abgerundetes Rechteck mit weißem Hintergrund. Jetzt beide:
white background, border-radius: 12px, gleicher Border, gleicher Fokus-
Outline. Nur die Höhe bleibt unterschiedlich (40px Header vs. 52px
Home), damit der Header kompakt bleibt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-18 09:06:22 +02:00
parent 3e3afc0102
commit 4465744838
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/routes/+layout.svelte
View File

@@ -416,14 +416,13 @@
display: flex; display: flex;
align-items: stretch; align-items: stretch;
border: 1px solid #cfd9d1; border: 1px solid #cfd9d1;
border-radius: 999px; border-radius: 12px;
background: #f4f8f5; background: white;
min-height: 40px; min-height: 40px;
} }
.nav-search:focus-within { .nav-search:focus-within {
outline: 2px solid #2b6a3d; outline: 2px solid #2b6a3d;
outline-offset: 1px; outline-offset: 1px;
background: white;
} }
.nav-search input { .nav-search input {
flex: 1; flex: 1;