fix: #171 音源太多时切换榜单导致布局异常

maotoumao · Nov 3, 2024 · 58e8da5 · 58e8da5
1 parent 636e17f
commit 58e8da5
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/renderer/app.scss b/src/renderer/app.scss
@@ -20,6 +20,19 @@
   margin-top: 1.2rem;
   flex-shrink: 0;
   column-gap: 2.5rem;
+  overflow-x: auto;
+  padding-bottom: 6px;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* 当鼠标悬浮时显示滚动条 */
+  &:hover {
+    &::-webkit-scrollbar {
+      display: block;
+    }
+  }
 
   & .tab-list-item {
     display: flex;
@@ -32,6 +45,7 @@
     cursor: pointer;
     opacity: 0.7;
     white-space: nowrap;
+    user-select: none;
 
     &:hover {
       opacity: 0.9;