From 20fea91d0dadd756aad83a3e76b3c8f01d2b8a08 Mon Sep 17 00:00:00 2001
From: Jody Doolittle <jody@chariotdev.net>
Date: Fri, 11 Jul 2025 16:13:08 -0700
Subject: [PATCH] Fix mobile nav responsiveness

---
 src/lib/client/components/Header.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/client/components/Header.svelte b/src/lib/client/components/Header.svelte
index d3d0d07..3248ba0 100644
--- a/src/lib/client/components/Header.svelte
+++ b/src/lib/client/components/Header.svelte
@@ -34,7 +34,7 @@
     >
 
         <!-- Desktop left nav -->
-        <div class="hidden flex-1 justify-start gap-2 md:flex">
+        <div class="hidden flex-1 justify-start gap-2 lg:flex">
             {#each Object.entries(panelsCtx.leftNav) as [key, item]}
             {@const isOpen = panelsCtx.leftPanel === key}
                 <button
@@ -58,7 +58,7 @@
         </div>
 
         <!-- Desktop right nav -->
-        <div class="hidden flex-1 justify-end gap-2 md:flex">
+        <div class="hidden flex-1 justify-end gap-2 lg:flex">
             {#each Object.entries(panelsCtx.rightNav) as [key, item]}
                 {@const isOpen = panelsCtx.rightPanel === key}
                 <button
@@ -71,7 +71,7 @@
             {/each}
         </div>
 
-		<div class="flex items-center gap-2 md:hidden">
+		<div class="flex items-center gap-2 lg:hidden">
             <button
                 class="btn preset-tonal"
                 aria-label="Open menu"