From 129470bbddc40471460a32a39026a1b022fdc675 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 10:52:37 +0000
Subject: [PATCH] Switch to version 26: modified
 src/components/ui/NavbarFloating.tsx

---
 src/components/ui/NavbarFloating.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/ui/NavbarFloating.tsx b/src/components/ui/NavbarFloating.tsx
index 7e6e66f..3fef493 100644
--- a/src/components/ui/NavbarFloating.tsx
+++ b/src/components/ui/NavbarFloating.tsx
@@ -31,14 +31,17 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {
 
   return (
     <>
-      
-        
+      {menuOpen && (
+        <div
+          className="fixed inset-0 z-500 bg-black/20 backdrop-blur-md"
+          onClick={() => setMenuOpen(false)}
+        />
+      )}
       
 
       <nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
         <div className={cls(
-          "mx-auto w-full md:w-1/2 overflow-hidden rounded-theme-capped border border-white/10 bg-white/10 shadow-lg",
-          menuOpen ? "backdrop-blur-lg" : "backdrop-blur-lg"
+          "mx-auto w-full md:w-1/2 overflow-hidden rounded-theme-capped border border-white/10 bg-white/10 shadow-lg backdrop-blur-lg"
         )}>
           <div className="relative z-10 flex items-center justify-between gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5">
             <a href="/" className="text-xl font-medium text-foreground">{logo}</a>