fix: code editor overflow on Windows

Renovamen · Jul 9, 2024 · 620029c · 620029c
1 parent cda7fcd
commit 620029c
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/site/src/assets/css/editor.css b/site/src/assets/css/editor.css
@@ -8,7 +8,7 @@
 }
 
 .pane-container {
-  @apply h-full rounded-xl overflow-scroll;
+  @apply h-full rounded-xl;
 }
 
 /* Print mode */

diff --git a/site/src/components/editor/Code.vue b/site/src/components/editor/Code.vue
@@ -1,6 +1,6 @@
 <template>
   <TabsRoot
-    class="pane-container bg-background"
+    class="pane-container overflow-hidden bg-background"
     flex="~ col"
     default-value="markdown"
     @update:model-value="(payload) => activateModel(payload)"

diff --git a/site/src/components/editor/Preview.vue b/site/src/components/editor/Preview.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="pane-container hide-scrollbar bg-secondary" border="4 secondary">
+  <div class="pane-container overflow-scroll hide-scrollbar bg-secondary" border="4 secondary">
     <VueZoom ref="zoom" :scale="scale">
       <SharedResumeRender
         id="preview"

diff --git a/site/src/components/editor/toolbar/index.vue b/site/src/components/editor/toolbar/index.vue
@@ -2,7 +2,7 @@
   <div class="flex w-72 h-full">
     <div
       id="toolbar"
-      class="pane-container hide-scrollbar bg-background"
+      class="pane-container overflow-y-scroll hide-scrollbar bg-background"
       lt-lg="bg-accent rounded-none"
     >
       <template v-for="(tool, i) in tools" :key="tool.id">