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

merge(v12-r): col-centre default 1/3 + 2/3 (vs 50/50)

Browse Source
This commit is contained in:
Jules Neny
2026-05-11 18:34:39 +02:00
parent 3360daa61f 272fb5c181
commit 78dde6a2a3
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/astro/ColCentre.astro
View File

@@ -5,7 +5,7 @@ import CarteOWrapper from '../vue/CarteOWrapper.vue';
import ChatbotV2 from '../vue/ChatbotV2.vue'; import ChatbotV2 from '../vue/ChatbotV2.vue';
import EmbedDynamique from '../vue/EmbedDynamique.vue'; import EmbedDynamique from '../vue/EmbedDynamique.vue';
--- ---
<div id="col-centre-grid" class="h-full grid grid-rows-2 gap-2 p-2"> <div id="col-centre-grid" class="h-full grid gap-2 p-2" style="grid-template-rows: 1fr 2fr;">
<!-- HAUT 50% : tabs Carte O / Chatbot --> <!-- HAUT 50% : tabs Carte O / Chatbot -->
<section id="col-centre-haut" class="border border-neutral-200 rounded flex flex-col overflow-hidden bg-white" style="min-height: 0;"> <section id="col-centre-haut" class="border border-neutral-200 rounded flex flex-col overflow-hidden bg-white" style="min-height: 0;">
<nav role="tablist" aria-label="Vues centrales" class="flex border-b border-neutral-200 px-1 pt-1"> <nav role="tablist" aria-label="Vues centrales" class="flex border-b border-neutral-200 px-1 pt-1">
@@ -97,8 +97,8 @@ import EmbedDynamique from '../vue/EmbedDynamique.vue';
haut.style.minHeight = '0'; haut.style.minHeight = '0';
poignee?.setAttribute('aria-label', 'Deployer la Carte O'); poignee?.setAttribute('aria-label', 'Deployer la Carte O');
} else { } else {
grid.classList.add('grid-rows-2'); grid.classList.remove('grid-rows-2');
grid.style.gridTemplateRows = ''; grid.style.gridTemplateRows = '1fr 2fr';
haut.style.overflow = ''; haut.style.overflow = '';
haut.style.minHeight = ''; haut.style.minHeight = '';
poignee?.setAttribute('aria-label', 'Replier la Carte O'); poignee?.setAttribute('aria-label', 'Replier la Carte O');
@@ -141,7 +141,7 @@ import EmbedDynamique from '../vue/EmbedDynamique.vue';
const parts = rows.split(' '); const parts = rows.split(' ');
return parseFloat(parts[0]) || 50; return parseFloat(parts[0]) || 50;
} }
return 50; return 33.33;
}; };
dragHandle.addEventListener('mousedown', (e: MouseEvent) => { dragHandle.addEventListener('mousedown', (e: MouseEvent) => {
@@ -182,10 +182,10 @@ import EmbedDynamique from '../vue/EmbedDynamique.vue';
gridEl.classList.remove('grid-rows-2'); gridEl.classList.remove('grid-rows-2');
} }
// Double-click sur drag handle = reset 50/50 // Double-click sur drag handle = reset default 1/3 + 2/3
dragHandle.addEventListener('dblclick', () => { dragHandle.addEventListener('dblclick', () => {
gridEl.style.gridTemplateRows = ''; gridEl.style.gridTemplateRows = '1fr 2fr';
gridEl.classList.add('grid-rows-2'); gridEl.classList.remove('grid-rows-2');
sessionStorage.removeItem('tf-centre-rows'); sessionStorage.removeItem('tf-centre-rows');
}); });
} }