fix: 优化滚动条样式

2026-07-18 19:37:42 +08:00
parent 0bf12715c6
commit 7ebb384f01
1 changed files with 24 additions and 0 deletions
--- a/app/src/renderer/src/App.vue
+++ b/app/src/renderer/src/App.vue
@@ -153,4 +153,28 @@ body,
    grid-template-columns: 1fr;
  }
 }
+
+/* 全局滚动条样式 */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(144, 147, 153, 0.5) transparent;
+}
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background-color: rgba(144, 147, 153, 0.5);
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(144, 147, 153, 0.8);
+}
+::-webkit-scrollbar-corner {
+  display: none;
+  background-color: transparent;
+}
 </style>