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:
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user