File tree Expand file tree Collapse file tree 1 file changed +32
-0
lines changed
src/styles/adaptedStyles/pages Expand file tree Collapse file tree 1 file changed +32
-0
lines changed Original file line number Diff line number Diff line change 2020 --app_graph_bg : var (--bew-fill-1 );
2121 }
2222
23+ // 合集滚动条
24+ .video-pod__body {
25+ // 设置最大高度以限制容器高度,超过则显示滚动条
26+ max-height : 70vh ; /* 可根据需要调整高度 */
27+ overflow-y : auto ; /* 垂直方向溢出时显示滚动条 */
28+ padding-right : 8px ; /* 预留滚动条空间,避免内容被遮挡 */
29+ }
30+
31+ // 优化滚动条样式(可选)
32+ .video-pod__body ::-webkit-scrollbar {
33+ width : 6px ; /* 滚动条宽度 */
34+ }
35+
36+ .video-pod__body ::-webkit-scrollbar-track {
37+ background : var (--bew-fill-1 ); /* 滚动条轨道颜色 */
38+ border-radius : 3px ;
39+ }
40+
41+ .video-pod__body ::-webkit-scrollbar-thumb {
42+ background : var (--bew-border-color ); /* 滚动条滑块颜色 */
43+ border-radius : 3px ;
44+ }
45+
46+ .video-pod__body ::-webkit-scrollbar-thumb :hover {
47+ background : var (--bew-text-3 ); /* 滚动条滑块 hover 颜色 */
48+ }
49+
50+ // 暗黑模式适配
51+ & .dark .video-pod__body ::-webkit-scrollbar-track {
52+ background : var (--bew-fill-2 );
53+ }
54+
2355 // #region theme color adaption part
2456 // Increase the priority of the style inside by writing a non-existent selector in `:not()`
2557 :not (foobar) {
You can’t perform that action at this time.
0 commit comments