💄 fix(scroll): 调整滚动条样式

This commit is contained in:
BTMuli
2023-04-24 23:57:53 +08:00
parent ffc354a319
commit 4c8cb39bf6
5 changed files with 15 additions and 17 deletions

View File

@@ -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 {