From 4e7e20a535534b5c7c57b9409b7dd2e9db73d99f Mon Sep 17 00:00:00 2001
From: Sean O'Connor <sean@soconnor.dev>
Date: Mon, 28 Oct 2024 22:31:47 -0700
Subject: [PATCH] nav fade

---
 src/components/Navigation.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 986d898..231ff86 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -33,8 +33,8 @@ export function Navigation() {
     <>
       {/* Backdrop overlay - faster fade */}
       <div
-        className={`fixed inset-0 bg-background/80 backdrop-blur-sm transition-opacity duration-200 ${
-          isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'
+        className={`fixed inset-0 bg-background/80 backdrop-blur-sm lg:hidden transition-opacity duration-200 ${
+          isOpen ? 'opacity-100 z-50' : 'opacity-0 pointer-events-none'
         }`}
         onClick={() => setIsOpen(false)}
         aria-hidden="true"