From 9d7a6757c93bf81f2ecf4ac4e5b0cd2e82d5bcd5 Mon Sep 17 00:00:00 2001
From: gbanyan <gbanyan.huang@gmail.com>
Date: Fri, 21 Nov 2025 01:17:21 +0800
Subject: [PATCH] Raise nav dropdown z-index

---
 components/nav-menu.tsx    | 4 ++--
 components/site-header.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/nav-menu.tsx b/components/nav-menu.tsx
index c1841f3..630591c 100644
--- a/components/nav-menu.tsx
+++ b/components/nav-menu.tsx
@@ -86,7 +86,7 @@ export function NavMenu({ items }: NavMenuProps) {
   };
 
   return (
-    <div className="flex items-center gap-3">
+    <div className="relative z-50 flex items-center gap-3">
       <button
         type="button"
         className="sm:hidden inline-flex h-9 w-9 items-center justify-center rounded-full text-slate-600 transition duration-180 ease-snappy hover:bg-slate-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40 dark:text-slate-200 dark:hover:bg-slate-800"
@@ -125,7 +125,7 @@ export function NavMenu({ items }: NavMenuProps) {
 
                 {/* Desktop dropdown */}
                 <div
-                  className={`absolute left-0 top-full hidden min-w-[12rem] rounded-2xl border border-slate-200 bg-white p-2 shadow-lg transition duration-200 ease-snappy dark:border-slate-800 dark:bg-slate-900 sm:block ${
+                  className={`absolute left-0 top-full hidden min-w-[12rem] rounded-2xl border border-slate-200 bg-white p-2 shadow-lg transition duration-200 ease-snappy dark:border-slate-800 dark:bg-slate-900 sm:block z-50 ${
                     isOpen ? 'pointer-events-auto translate-y-2 opacity-100' : 'pointer-events-none translate-y-1 opacity-0'
                   }`}
                   role="menu"
diff --git a/components/site-header.tsx b/components/site-header.tsx
index f653e0b..71cb1aa 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -74,7 +74,7 @@ export function SiteHeader() {
   ];
 
   return (
-    <header className="bg-white/80 backdrop-blur transition-colors duration-200 ease-snappy dark:bg-gray-950/80">
+    <header className="relative z-40 bg-white/80 backdrop-blur transition-colors duration-200 ease-snappy dark:bg-gray-950/80">
       <div className="container mx-auto flex items-center justify-between px-4 py-3 text-slate-900 dark:text-slate-100">
         <Link
           href="/"