bender/2f4a8395-4a4f-4603-ac5f-6cb0700119b7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to version 21: modified src/components/ui/NavbarFloating.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 10:52:19 +00:00
parent b48fbc195d
commit 213e6754c7
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ui/NavbarFloating.tsx
View File

@@ -32,16 +32,14 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {
return ( return (
<> <>
{menuOpen && (
<div
className="fixed inset-0 z-999 bg-foreground"
onClick={() => setMenuOpen(false)}
/>
)}
<nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width"> <nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
<div className="mx-auto w-full md:w-1/2 overflow-hidden rounded-theme-capped border border-white/10 bg-white/10 backdrop-blur-lg shadow-lg"> <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"
)}>
<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"> <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> <a href="/" className="text-xl font-medium text-foreground">{logo}</a>