Merge pull request #23 from OVINC-CN/feat_scroll_style

style: custom scroll style
OVINC-CN · Jun 27, 2024 · 7965ff6 · 7965ff6
2 parents b8143f1 + c3574b3
commit 7965ff6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/App.css b/src/App.css
@@ -36,3 +36,13 @@ html, body, #app {
 .arco-btn-icon {
     line-height: 0
 }
+
+*::-webkit-scrollbar {
+    height: 6px;
+    width: 6px;
+    background: var(--color-neutral-2);
+}
+
+*::-webkit-scrollbar-thumb {
+    background: rgb(var(--arcoblue-3));
+}
diff --git a/src/components/MessageContent.vue b/src/components/MessageContent.vue
@@ -80,7 +80,7 @@ const emits = defineEmits(['reGenerate']);
   padding: 10px;
   box-sizing: border-box;
   border-radius: var(--border-radius-small);
-  overflow-x: scroll;
+  overflow-x: auto;
 }
 
 .v-md-preview :deep(.github-markdown-body) {

diff --git a/src/components/MessageDisplay.vue b/src/components/MessageDisplay.vue
@@ -97,7 +97,7 @@ onUnmounted(() => {
 .chat-display {
   min-width: 100%;
   height: 100%;
-  overflow-y: scroll;
+  overflow-y: auto;
   padding: 0 20px;
   box-sizing: border-box;
 }