From e9eeaeb6f59411e9b13a16d60657d25c5bbcc277 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Grzegorz=20Ku=C4=87mierz?= <gkucmierz@gmail.com>
Date: Wed, 26 Oct 2022 10:33:08 +0200
Subject: [PATCH] add overflow auto; remove gutter outline

---
 src/views/HomeView.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 52ce00b..2e3e2e0 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -55,9 +55,21 @@ export default defineComponent({
 main {
   height: 100%;
 }
+
+.left-pane {
+  overflow-x: auto;
+}
+
+.right-pane {
+  overflow-x: auto;
+  overflow-y: auto;
+}
 </style>
 
 <style>
+.p-splitter-gutter {
+  outline-width: 0;
+}
 .p-splitter-gutter-handle:focus {
   box-shadow: none !important;
 }
@@ -66,7 +78,7 @@ main {
 <template>
   <main>
     <Splitter style="height: 100%" :step="50" :gutterSize="8" layout="horizontal">
-      <SplitterPanel>
+      <SplitterPanel class="left-pane">
         <codemirror
           v-model="code"
           placeholder="Code goes here..."
@@ -81,8 +93,8 @@ main {
           @blur="log('blur', $event)"
         />
       </SplitterPanel>
-      <SplitterPanel>
-        Right Pane
+      <SplitterPanel class="right-pane">
+        <pre>Right Pane</pre>
       </SplitterPanel>
     </Splitter>
   </main>