Make left panel scrollable

qmk · Feb 9, 2022 · 77765b5 · 77765b5
1 parent c9f795a
commit 77765b5
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/components/redesign/ConsoleControl.vue b/src/components/redesign/ConsoleControl.vue
@@ -21,7 +21,7 @@ export default defineComponent({
     window.setTimeout(() => {
       this.term.open(this.$refs.terminal);
       this.fitAddon.fit();
-      this.term.write('hello world! https://config.qmk.fm');
+      this.term.write('hello NAX! https://config.qmk.fm');
     }, 500);
   },
   setup() {

diff --git a/src/components/redesign/ControlPanel.vue b/src/components/redesign/ControlPanel.vue
@@ -1,5 +1,13 @@
 <template>
-  <div class="h-800px w-full max-h-800px overflow-y-hidden">
+  <div
+    class="
+      h-800px
+      w-full
+      max-h-full
+      overflow-y-hidden overflow-y-scroll
+      scrollable-panel
+    "
+  >
     <div class="flex flex-col w-full gap-2">
       <import-control />
       <console-control />
@@ -40,4 +48,10 @@ export default defineComponent({
 .btn {
   @apply font-bold py-2 px-4 rounded-lg;
 }
+.scrollable-panel {
+  scrollbar-width: 0;
+}
+.scrollable-panel::-webkit-scrollbar {
+  width: 0;
+}
 </style>