From 34b4095a201a5b2739aa30158431c3197c5989d6 Mon Sep 17 00:00:00 2001
From: Nicholai <nicholaivogelfilms@gmail.com>
Date: Mon, 20 Oct 2025 13:26:25 -0600
Subject: [PATCH] fix: Improve navigation alignment when construction banner is
 present

- 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
---
 app/globals.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/globals.css b/app/globals.css
index 19bf42cbd..682e3b9c2 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -8,6 +8,16 @@ body:has(.construction-banner) nav {
   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 {
   /* Updated color tokens to match United Tattoo design brief */
   --background: oklch(1 0 0); /* White */