From dd63993570665a599d738deb4919bce0121e7f14 Mon Sep 17 00:00:00 2001 From: tony Date: Mon, 25 Aug 2025 10:28:25 +1000 Subject: [PATCH] feat: Implement responsive navigation system with mobile hamburger menu MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add mobile-first navigation with hamburger menu and top-right controls - Implement accordion-style mobile menu matching sidebar structure - Add theme toggle and accessibility buttons to mobile header - Update responsive breakpoints to lg: (1024px) for better tablet/desktop split - Hide sidebar on mobile, show primary nav on desktop - Update content padding to use proportional CHORUS spacing system - Fix logo centering in 3D canvas with proper origin calculations - Lighten header and bottom dock transparency to 80% - Add route-aware navigation state management - Include visual aid modal accessible from mobile menu 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- .../brand-style-guide-site/src/app/layout.tsx | 4 +- .../src/components/BottomDock.tsx | 2 +- .../src/components/Breadcrumb.tsx | 140 +++++ .../src/components/Header.tsx | 510 ++++++++++++++++-- .../src/components/Sidebar.tsx | 214 ++++++-- .../src/components/ThreeLogo.tsx | 14 +- 6 files changed, 791 insertions(+), 93 deletions(-) create mode 100644 brand-assets/brand-style-guide-site/src/components/Breadcrumb.tsx diff --git a/brand-assets/brand-style-guide-site/src/app/layout.tsx b/brand-assets/brand-style-guide-site/src/app/layout.tsx index 7bf5e3a..13626d6 100644 --- a/brand-assets/brand-style-guide-site/src/app/layout.tsx +++ b/brand-assets/brand-style-guide-site/src/app/layout.tsx @@ -35,9 +35,9 @@ export default function RootLayout({ -
+
-
+
{children}