diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index d9bf115..158d7e7 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -29,9 +29,13 @@ let handleEls: HTMLDivElement[] = []; function applyWidths() { - if (gridEl) { - gridEl.style.gridTemplateColumns = panelWidths.map(w => `${w}px`).join(' '); - } + if (!gridEl) return; + // 7 Spalten: panel 8px panel 8px panel 8px panel + const cols = panelWidths.map((w, i) => { + if (i < panelWidths.length - 1) return `${w}px 8px`; + return `${w}px`; + }).join(' '); + gridEl.style.gridTemplateColumns = cols; } onMount(() => { @@ -181,8 +185,7 @@ .grid { display: grid; - /* 4 Panels + 3 Handles = 7 Spalten, Handles werden via JS positioniert */ - grid-template-columns: 220px 8px 400px 8px 400px 8px 380px; + grid-template-columns: 220px 8px 1fr 8px 1fr 8px 1fr; height: 100%; }