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

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/vue/SwipeContainer.vue
View File

@@ -22,12 +22,17 @@ const resetFade = () => {
}, 3000);
};
const emitPositionChange = (pos: number) => {
document.dispatchEvent(new CustomEvent('swipe-position-change', { detail: { pos } }));
};
onMounted(() => {
if (!emblaApi.value) return;
emblaApi.value.on('select', () => {
if (!emblaApi.value) return;
selectedIndex.value = emblaApi.value.selectedScrollSnap();
sessionStorage.setItem('pc-position', String(selectedIndex.value));
emitPositionChange(selectedIndex.value);
resetFade();
});
const saved = sessionStorage.getItem('pc-position');
@@ -35,6 +40,13 @@ onMounted(() => {
const idx = Number(saved);
if (!Number.isNaN(idx)) emblaApi.value.scrollTo(idx, false);
}
// Ecoute les clics de la MobileTabBar
document.addEventListener('mobile-tab-scroll', (e: Event) => {
const detail = (e as CustomEvent<{ pos: number }>).detail;
if (detail && typeof detail.pos === 'number') {
emblaApi.value?.scrollTo(detail.pos);
}
});
resetFade();
});