marcel/familienarchiv
1
0
Fork 0
Code Issues 109 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat(header): replace white header with brand-navy header per design spec #165

Merged
marcel merged 12 commits from feat/issue-163-brand-navy-header into main 2026-03-31 10:41:41 +02:00
Conversation 6 Commits 12 Files Changed 12 +4 -3
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit adc1f343b2 - Show all commits

7
frontend/src/routes/+layout.svelte
View File

@@ -35,7 +35,8 @@ const userInitials = $derived.by(() => {
<div class="min-h-screen bg-canvas" data-hydrated={hydrated || undefined}> <div class="min-h-screen bg-canvas" data-hydrated={hydrated || undefined}>
{#if !isAuthPage} {#if !isAuthPage}
<header class="sticky top-0 z-50 border-b border-line-2 bg-surface"> <header class="sticky top-0 z-50 bg-brand-navy">
<div class="h-1 bg-accent"></div>
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="flex h-16 justify-between"> <div class="flex h-16 justify-between">
<!-- Logo & Nav --> <!-- Logo & Nav -->
@@ -45,9 +46,9 @@ const userInitials = $derived.by(() => {
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<!-- Language selector (desktop only — mobile lives in nav drawer) --> <!-- Language selector (desktop only — mobile lives in nav drawer) -->
<div <div
class="hidden items-center gap-1 border-r border-line pr-3 sm:flex [&_button]:px-1.5 [&_button]:py-1 [&_button]:text-xs" class="hidden items-center gap-1 pr-3 sm:flex [&_button]:px-1.5 [&_button]:py-1 [&_button]:text-xs"
> >
<LanguageSwitcher /> <LanguageSwitcher inverted />
</div> </div>
<!-- Theme toggle --> <!-- Theme toggle -->