feat(client): show split screen feature always (#96)

vuejs · Dec 21, 2023 · 2edba99 · 2edba99
1 parent aa071d3
commit 2edba99
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 8 deletions.
diff --git a/packages/client/src/App.vue b/packages/client/src/App.vue
@@ -54,7 +54,6 @@ watchEffect(() => {
 })
 
 const splitScreenEnabled = computed(() => clientState.value.splitScreen.enabled)
-const isSplitScreenAvailable = splitScreenAvailable
 const splitScreenSize = computed({
   get: () => clientState.value.splitScreen.size,
   set: v => clientState.value.splitScreen.size = v,
@@ -86,7 +85,7 @@ watchEffect(() => {
         <Pane h-full class="of-auto!" min-size="10" :size="splitScreenSize[0]">
           <RouterView />
         </Pane>
-        <Pane v-if="!isUtilityView && splitScreenEnabled && isSplitScreenAvailable" relative h-full class="of-auto!" :size="splitScreenSize[1]">
+        <Pane v-if="!isUtilityView && splitScreenEnabled" relative h-full class="of-auto!" :size="splitScreenSize[1]">
           <SplitScreen />
         </Pane>
       </Splitpanes>

diff --git a/packages/client/src/components/common/DockingPanel.vue b/packages/client/src/components/common/DockingPanel.vue
@@ -21,7 +21,6 @@ const splitScreenEnabled = computed({
   get: () => devtoolsClientState.value.splitScreen.enabled,
   set: v => (devtoolsClientState.value.splitScreen.enabled = v),
 })
-const isSplitScreenAvailable = splitScreenAvailable
 
 function refreshPage() {
   location.reload()
@@ -65,7 +64,7 @@ watch(activeAppRecordId, (id) => {
         <div i-carbon-settings-adjust /> Settings
       </VueButton>
     </div>
-    <div v-if="isSplitScreenAvailable" px3 py2 border="b base" flex="~ gap-2">
+    <div px3 py2 border="b base" flex="~ gap-2">
       <VueButton outlined type="primary" @click="splitScreenEnabled = !splitScreenEnabled">
         <div i-carbon-split-screen />
         {{ splitScreenEnabled ? 'Close Split Screen' : 'Split Screen' }}

diff --git a/packages/client/src/composables/state.ts b/packages/client/src/composables/state.ts
@@ -59,10 +59,6 @@ export function resetDevtoolsClientState() {
 }
 
 // #region split screen related
-const windowSize = useWindowSize()
-
-export const splitScreenAvailable = computed(() => windowSize.width.value > 1080)
-
 watch(() => devtoolsClientState.value.splitScreen.enabled, (enabled, o) => {
   if (o && !enabled) {
     // reset size