jules/astro-site-cerveau
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(v13-bg): layout 1 ecran fixe + hamburger desktop hide + categorie Pro

Browse Source
This commit is contained in:
Jules Neny
2026-05-11 20:00:16 +02:00
parent e43ec60ecf
commit aa410ce7aa
8 changed files with 38 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index.astro
+8 -10
View File
@@ -15,18 +15,16 @@ import PopupOnboarding from '../components/astro/PopupOnboarding.astro';
<MobileTabBar />
<PopupOnboarding />
<!-- Desktop : grid 3 colonnes (header 64px deja consommes par SiteHeader, on prend le reste) -->
<div
class="hidden md:grid md:grid-cols-[320px_1fr_320px] overflow-hidden"
style="height: calc(100vh - 64px);"
>
<aside class="border-r border-neutral-200 overflow-y-auto"><ColJournal /></aside>
<main class="overflow-hidden"><ColCentre /></main>
<aside class="border-l border-neutral-200 overflow-y-auto"><ColInsta /></aside>
<!-- Desktop : grid 3 colonnes V1.3-BG : prend toute la place du wrapper flex-1 du BaseLayout.
Header et footer sont fixes (flex-shrink-0), pas besoin de calc(100vh - X). -->
<div class="hidden md:grid md:grid-cols-[320px_1fr_320px] h-full overflow-hidden">
<aside class="border-r border-neutral-200 overflow-y-auto h-full"><ColJournal /></aside>
<main class="overflow-hidden h-full"><ColCentre /></main>
<aside class="border-l border-neutral-200 overflow-y-auto h-full"><ColInsta /></aside>
</div>
<!-- Mobile : SwipeContainer Vue island - header 48px + tabbar 44px = 92px reserves -->
<div class="md:hidden overflow-hidden" style="height: calc(100dvh - 48px - 44px); margin-top: 44px;">
<!-- Mobile : SwipeContainer Vue island - tabbar 44px reserve dans la zone flex-1 -->
<div class="md:hidden h-full overflow-hidden" style="padding-top: 44px;">
<SwipeContainer client:load>
<ColJournal slot="left" />
<ColCentre slot="center" />