mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-03-21 04:49:46 +08:00
💄 调整整体滚动条样式
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
/*
|
||||
* @file assets/index.css
|
||||
* @description 全局样式文件
|
||||
* @since Beta v0.5.5
|
||||
* @since Beta v0.7.2
|
||||
*/
|
||||
|
||||
@import "fonts/index.css";
|
||||
@@ -62,26 +62,27 @@ html {
|
||||
|
||||
/*
|
||||
* @description 侧边滚动条样式
|
||||
* @since Beta v0.5.5
|
||||
* @since Beta v0.7.2
|
||||
*/
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 5px;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
background: var(--common-shadow-2);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
background: var(--common-shadow-2);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 5px;
|
||||
min-height: 48px;
|
||||
border-radius: 4px;
|
||||
background: var(--tgc-od-white);
|
||||
}
|
||||
|
||||
|
||||
@@ -221,7 +221,6 @@ function getBox(info: TGApp.App.Character.WikiBriefInfo): TItemBoxData {
|
||||
gap: 8px;
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
border-radius: 8px;
|
||||
background: var(--common-shadow-t-4);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -101,14 +101,6 @@ async function toPost(postId: string, index: number): Promise<void> {
|
||||
padding-right: 8px;
|
||||
overflow-y: auto;
|
||||
row-gap: 12px;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 4px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
min-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.tpoc-load {
|
||||
|
||||
Reference in New Issue
Block a user