bender/4af64fca-64b0-4da9-9b1f-71791af7e7b7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made the navigation bar glassmorphic

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-05-15 10:53:47 +00:00
parent 83b6c23d5f
commit a4be91d1e7
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ui/NavbarInline.tsx
View File

@@ -18,7 +18,7 @@ const handleNavClick = (e: React.MouseEvent<HTMLAnchorElement>, href: string, on
const NavbarInline = ({ logo, navItems, ctaButton }: NavbarInlineProps) => {
return (
<nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
<div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded backdrop-blur-sm card">
<div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded bg-background/60 backdrop-blur-md rounded-theme">
<a href="/" className="pl-2 text-xl font-medium text-foreground">{logo}</a>
<div className="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center gap-6">