fix: thin scroll bar

CyanSalt · May 30, 2024 · 148c8dd · 148c8dd
1 parent 4c0dd35
commit 148c8dd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/renderer/assets/_partials.scss b/src/renderer/assets/_partials.scss
@@ -1,4 +1,4 @@
-@mixin scroll-container($size: 12px) {
+@mixin scroll-container($size) {
   --scrollbar-size: #{$size};
   --scrollbar-opacity: 0;
   overflow: scroll;

diff --git a/src/renderer/components/TerminalPane.vue b/src/renderer/components/TerminalPane.vue
@@ -30,7 +30,7 @@ function openEditingMenu(event: MouseEvent) {
 @use '../assets/_partials';
 
 .terminal-pane {
-  @include partials.scroll-container;
+  @include partials.scroll-container(8px);
   position: relative;
   z-index: 0;
   box-sizing: border-box;

diff --git a/src/renderer/components/TerminalTeletype.vue b/src/renderer/components/TerminalTeletype.vue
@@ -225,7 +225,7 @@ function scrollToStickyCommand() {
     padding-left: var(--integration-width);
   }
   :deep(.xterm-viewport) {
-    @include partials.scroll-container;
+    @include partials.scroll-container(8px);
     background-color: transparent !important;
   }
   /* issue@xterm: pointer behavior */