feat: navbar responsive avec menu hamburger mobile
- Création composant MobileMenu.jsx avec React - Menu slide-in depuis la droite - Animation hamburger vers X - Overlay semi-transparent - Navigation desktop/mobile adaptative - Design minimal et élégant
This commit is contained in:
@@ -1,4 +1,6 @@
|
||||
---
|
||||
import MobileMenu from "./MobileMenu.jsx";
|
||||
|
||||
const currentPath = Astro.url.pathname;
|
||||
---
|
||||
|
||||
@@ -12,7 +14,8 @@ const currentPath = Astro.url.pathname;
|
||||
Starter Kit
|
||||
</a>
|
||||
|
||||
<div class="flex gap-8">
|
||||
{/* Desktop Navigation */}
|
||||
<div class="hidden md:flex gap-8">
|
||||
<a
|
||||
href="/"
|
||||
class:list={[
|
||||
@@ -47,6 +50,9 @@ const currentPath = Astro.url.pathname;
|
||||
Contact
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{/* Mobile Menu */}
|
||||
<MobileMenu currentPath={currentPath} client:load />
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
Reference in New Issue
Block a user