revert: 还原滚动条样式

continew-org · Nov 8, 2024 · 8568ac1 · 8568ac1
1 parent 233bd62
commit 8568ac1
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -4,6 +4,9 @@
 // 全局类名样式
 @import './global.scss';
 
+// 自定义原生滚动条样式
+@import './scrollbar-reset.scss';
+
 // 自定义 nprogress 插件进度条颜色
 @import './nprogress.scss';
 

diff --git a/src/styles/scrollbar-reset.scss b/src/styles/scrollbar-reset.scss
@@ -0,0 +1,22 @@
+/* 美化滚动条 */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  width: 6px;
+  border-radius: 6px;
+  background-color: var(--color-neutral-3);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  width: 6px;
+  background-color: var(--color-neutral-4);
+}
+
+::-ms-scrollbar-thumb {
+  width: 6px;
+  border-radius: 6px;
+  background-color: var(--color-neutral-3);
+}