fix: snapshot code not taking all available height

Akryum · Feb 24, 2022 · 0a2d723 · 0a2d723
1 parent 198aa3e
commit 0a2d723
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/packages/peeky-client/src/features/BaseSplitPane.vue b/packages/peeky-client/src/features/BaseSplitPane.vue
@@ -76,13 +76,21 @@ export default defineComponent({
       }
     })
 
-    const leftStyle = computed(() => ({
-      [props.orientation === 'landscape' ? 'width' : 'height']: `${props.disabled ? 50 : boundSplit.value}%`,
-    }))
+    const leftStyle = computed(() => (props.disabled
+      ? {
+        flex: 'auto 1 1',
+      }
+      : {
+        [props.orientation === 'landscape' ? 'width' : 'height']: `${boundSplit.value}%`,
+      }))
 
-    const rightStyle = computed(() => ({
-      [props.orientation === 'landscape' ? 'width' : 'height']: `${props.disabled ? 50 : 100 - boundSplit.value}%`,
-    }))
+    const rightStyle = computed(() => (props.disabled
+      ? {
+        display: 'none',
+      }
+      : {
+        [props.orientation === 'landscape' ? 'width' : 'height']: `${100 - boundSplit.value}%`,
+      }))
 
     const dragging = ref(false)
     let startPosition = 0