fix: The menu scroll bar style is not uniform

d3george · Oct 15, 2024 · 23614c0 · 23614c0
1 parent f32d07c
commit 23614c0
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/layouts/dashboard/index.tsx b/src/layouts/dashboard/index.tsx
@@ -89,6 +89,16 @@ const StyleWrapper = styled.div<{ $themeMode?: ThemeMode }>`
     background: ${(props) => (props.$themeMode === ThemeMode.Dark ? '#6b6b6b' : '#C1C1C1')};
   }
 
+  /* 设置菜单滚动条样式 */
+  .simplebar-scrollbar::before {
+    background: ${(props) => (props.$themeMode === ThemeMode.Dark ? '#6b6b6b' : '#C1C1C1')};
+  }
+
+  /* 设置菜单滚动条透明度统一 */
+  .simplebar-scrollbar.simplebar-visible:before {
+    opacity: 1;
+  }
+
   /* 设置鼠标悬停在滚动条上的样式 */
   ::-webkit-scrollbar-thumb:hover {
     background: ${(props) => (props.$themeMode === ThemeMode.Dark ? '#939393' : '##7D7D7D')};