feat: add background blur to open navbar

2026-05-08 10:18:32 +00:00
parent acb8bd1321
commit 4ec9a6c452
1 changed files with 6 additions and 2 deletions
--- a/src/components/ui/NavbarFloating.tsx
+++ b/src/components/ui/NavbarFloating.tsx
@@ -31,8 +31,12 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {

  return (
    <>
-      
-        
+      {menuOpen && (
+        <div
+          className="fixed inset-0 z-500 bg-black/20 backdrop-blur-lg"
+          onClick={() => setMenuOpen(false)}
+        />
+      )}
      

      <nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">