ayrisdev/aydogannakliyat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: replace mobile menu image with a sleek gradient and noise background

Browse Source
This commit is contained in:
ayrisdev
2026-04-12 19:28:24 +03:00
parent f49496dde6
commit ef9d6fc40a
1 changed files with 4 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/Navbar.tsx
View File

@@ -92,17 +92,10 @@ export function Navbar() {
mobileMenuOpen ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-full pointer-events-none" mobileMenuOpen ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-full pointer-events-none"
)} )}
> >
{/* Background Image for Mobile Menu */} {/* Clean Gradient Background for Mobile Menu */}
<div className="absolute inset-0 z-0"> <div className="absolute inset-0 z-0 bg-surface-container-lowest" />
<Image <div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-background to-background z-0" />
src="https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=2070&auto=format&fit=crop" <div className="noise-overlay opacity-20 z-0" />
alt="Mobile menu background"
fill
sizes="100vw"
className="object-cover grayscale brightness-[0.15]"
/>
<div className="absolute inset-0 bg-gradient-to-b from-primary/10 via-background/95 to-background" />
</div>
<div className="relative z-10 flex flex-col h-full"> <div className="relative z-10 flex flex-col h-full">
<div className="flex justify-between items-center mb-16"> <div className="flex justify-between items-center mb-16">