Nicholai/united-tattoo
1
1
Fork 0
Code Issues 24 Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: Improve navigation alignment when construction banner is present

Browse Source 
- Add specific CSS rules to maintain proper vertical alignment
- Ensure navigation items stay centered when banner pushes nav down
- Fix visual offset issue between logo and navigation items
This commit is contained in:
Nicholai 2025-10-20 13:26:25 -06:00
parent e28671e90f
commit 34b4095a20
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/globals.css
View File

@ -8,6 +8,16 @@ body:has(.construction-banner) nav {
top: 60px !important; top: 60px !important;
} }
/* Ensure navigation content stays properly aligned when banner is present */
body:has(.construction-banner) nav .max-w-\[1800px\] {
height: 80px; /* h-20 equivalent */
}
body:has(.construction-banner) nav .flex.items-center {
height: 100%;
align-items: center;
}
:root { :root {
/* Updated color tokens to match United Tattoo design brief */ /* Updated color tokens to match United Tattoo design brief */
--background: oklch(1 0 0); /* White */ --background: oklch(1 0 0); /* White */