feat(v11-dg): mobile header page active + hamburger top-right + poignee carte-o + polish css

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jules Neny
2026-05-11 15:14:48 +02:00
parent 1e1c56db2f
commit 79004573f1
7 changed files with 156 additions and 6 deletions

View File

@@ -7,10 +7,12 @@ import ColCentre from '../components/astro/ColCentre.astro';
import ColInsta from '../components/astro/ColInsta.astro';
import SwipeContainer from '../components/vue/SwipeContainer.vue';
import HamburgerMenu from '../components/astro/HamburgerMenu.astro';
import MobileTabBar from '../components/astro/MobileTabBar.astro';
import PopupOnboarding from '../components/astro/PopupOnboarding.astro';
---
<BaseLayout title="trans-former.fr">
<HamburgerMenu />
<MobileTabBar />
<PopupOnboarding />
<!-- Desktop : grid 3 colonnes -->
@@ -20,8 +22,8 @@ import PopupOnboarding from '../components/astro/PopupOnboarding.astro';
<aside class="border-l border-neutral-200 overflow-y-auto"><ColInsta /></aside>
</div>
<!-- Mobile : SwipeContainer Vue island -->
<div class="md:hidden h-screen overflow-hidden">
<!-- Mobile : SwipeContainer Vue island - decale de 44px pour la tabbar -->
<div class="md:hidden overflow-hidden" style="height: calc(100dvh - 44px); margin-top: 44px;">
<SwipeContainer client:load>
<ColJournal slot="left" />
<ColCentre slot="center" />