diana.dolgolyova/blackheart-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mobile menu — expand to fit all nav links, center align, shrink CTA button

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Diana Dolgolyova
2026-03-23 16:55:11 +03:00
parent 4721043530
commit 575c684cc5
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/layout/Header.tsx
View File

@@ -147,10 +147,10 @@ export function Header() {
{/* Mobile menu */} {/* Mobile menu */}
<div <div
className={`overflow-hidden transition-all duration-300 lg:hidden ${ className={`overflow-hidden transition-all duration-300 lg:hidden ${
menuOpen ? "max-h-80 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 backdrop-blur-xl sm:px-8"> <nav className="border-t border-white/[0.06] bg-black/40 px-6 py-4 text-center backdrop-blur-xl sm:px-8">
{visibleLinks.map((link) => { {visibleLinks.map((link) => {
const isActive = activeSection === link.href.replace("#", ""); const isActive = activeSection === link.href.replace("#", "");
return ( return (
@@ -173,7 +173,7 @@ export function Header() {
setMenuOpen(false); setMenuOpen(false);
setBookingOpen(true); setBookingOpen(true);
}} }}
className="mt-2 w-full rounded-full bg-gold py-3 text-sm font-semibold text-black transition-all hover:bg-gold-light cursor-pointer" 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> </button>