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

feat: reduce navbar open blur strength

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-05-08 10:27:54 +00:00
parent 2fc38ce197
commit 5141485438
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -33,7 +33,7 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {
<> <>
{menuOpen && ( {menuOpen && (
<div <div
className="fixed inset-0 z-500 bg-black/20 backdrop-blur-lg" className="fixed inset-0 z-500 bg-black/20 backdrop-blur-md"
onClick={() => setMenuOpen(false)} onClick={() => setMenuOpen(false)}
/> />
)} )}
@@ -41,8 +41,7 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {
<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={cls( <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", "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"
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>