add maxSize to panes

moalamri · Dec 8, 2024 · 5f8098c · 5f8098c
1 parent 1098767
commit 5f8098c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -37,9 +37,9 @@
 
 <Splitter.Root
 	size={[
-		{ id: SPLITTER_IDS.ELEMENTS, size: 20, minSize: 15 },
-		{ id: SPLITTER_IDS.FORM, size: 60, minSize: 60 },
-		{ id: SPLITTER_IDS.EDITOR, size: 20, minSize: 15 }
+		{ id: SPLITTER_IDS.ELEMENTS, size: 20, minSize: 15, maxSize: 25 },
+		{ id: SPLITTER_IDS.FORM, size: 60, minSize: 50, maxSize: 100 },
+		{ id: SPLITTER_IDS.EDITOR, size: 20, minSize: 15, maxSize: 25 }
 	]}
 	style="height: calc(100vh - 38px); justify-content: center;"
 	onSizeChange={(details) => {