fix: mobile menu — unified header background, remove booking button
This commit is contained in:
@@ -83,7 +83,7 @@ export function Header() {
|
|||||||
return (
|
return (
|
||||||
<header
|
<header
|
||||||
className={`fixed top-0 z-50 w-full transition-all duration-500 ${
|
className={`fixed top-0 z-50 w-full transition-all duration-500 ${
|
||||||
scrolled
|
scrolled || menuOpen
|
||||||
? "bg-black/40 shadow-none backdrop-blur-xl"
|
? "bg-black/40 shadow-none backdrop-blur-xl"
|
||||||
: "bg-transparent"
|
: "bg-transparent"
|
||||||
}`}
|
}`}
|
||||||
@@ -150,7 +150,7 @@ export function Header() {
|
|||||||
menuOpen ? "max-h-[80vh] opacity-100" : "max-h-0 opacity-0"
|
menuOpen ? "max-h-[80vh] opacity-100" : "max-h-0 opacity-0"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<nav className="border-t border-white/[0.06] bg-black/40 px-6 py-4 text-center backdrop-blur-xl sm:px-8">
|
<nav className="border-t border-white/[0.06] px-6 py-4 text-center sm:px-8">
|
||||||
{visibleLinks.map((link) => {
|
{visibleLinks.map((link) => {
|
||||||
const isActive = activeSection === link.href.replace("#", "");
|
const isActive = activeSection === link.href.replace("#", "");
|
||||||
return (
|
return (
|
||||||
@@ -168,15 +168,6 @@ export function Header() {
|
|||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
<button
|
|
||||||
onClick={() => {
|
|
||||||
setMenuOpen(false);
|
|
||||||
setBookingOpen(true);
|
|
||||||
}}
|
|
||||||
className="mt-2 inline-block rounded-full bg-gold px-8 py-3 text-sm font-semibold text-black transition-all hover:bg-gold-light cursor-pointer"
|
|
||||||
>
|
|
||||||
Записаться
|
|
||||||
</button>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user