mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-16 09:58:13 +08:00
💄 fix(scroll): 调整滚动条样式
This commit is contained in:
@@ -2,32 +2,30 @@
|
||||
@import url("themes/default.css");
|
||||
@import url("themes/dark.css");
|
||||
|
||||
/**
|
||||
* @description 隐藏应用最右边的滚动条
|
||||
* @since Alpha v0.1.4
|
||||
/*
|
||||
* @description 让滚动条在内侧显示
|
||||
* @since Alpha v0.1.0
|
||||
*/
|
||||
html {
|
||||
overflow-y: hidden;
|
||||
overflow: overlay;
|
||||
}
|
||||
|
||||
/*
|
||||
* @description 侧边滚动条样式
|
||||
* @since Alpha v0.1.3
|
||||
*/
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 10px;
|
||||
width: 8px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: var(--scroll-bg);
|
||||
border-radius: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #888;
|
||||
border-radius: 10px;
|
||||
background: #96979A;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
|
||||
Reference in New Issue
Block a user