fix(playground): display the right panel size (unocss#2301)

zyyv · web-flow · commit 021b34be979f · 2023-03-06T06:42:41.000+01:00
diff --git a/playground/src/composables/panel.ts b/playground/src/composables/panel.ts
@@ -16,7 +16,7 @@ export const panelSizes = useLocalStorage<number[]>(
 
 export function getInitialPanelSizes(percent: number): number[] {
   return [
-    percent,
+    100 - percent * 3,
     percent,
     percent,
     percent,
@@ -63,6 +63,7 @@ export function normalizePanels() {
 watch(
   titleHeightPercent,
   (value: number) => {
-    panelSizes.value = getInitialPanelSizes(value)
+    if (panelSizes.value.includes(100))
+      panelSizes.value = getInitialPanelSizes(value)
   },
 )
