mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
💄 调整图片&滚动条样式
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
/*
|
/*
|
||||||
* @file assets/index.css
|
* @file assets/index.css
|
||||||
* @description 全局样式文件
|
* @description 全局样式文件
|
||||||
* @since Beta v0.5.3
|
* @since Beta v0.5.5
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@import "fonts/index.css";
|
@import "fonts/index.css";
|
||||||
@@ -62,10 +62,11 @@ html {
|
|||||||
|
|
||||||
/*
|
/*
|
||||||
* @description 侧边滚动条样式
|
* @description 侧边滚动条样式
|
||||||
* @since Beta v0.5.3
|
* @since Beta v0.5.5
|
||||||
*/
|
*/
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 8px;
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -74,6 +75,11 @@ html {
|
|||||||
background: var(--common-shadow-2);
|
background: var(--common-shadow-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-corner {
|
||||||
|
border-radius: 5px;
|
||||||
|
background: var(--common-shadow-2);
|
||||||
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: var(--tgc-od-white);
|
background: var(--tgc-od-white);
|
||||||
|
|||||||
@@ -144,12 +144,9 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
.tpoi-top-ori {
|
.tpoi-top-ori {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 70%;
|
max-height: 70%;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
cursor: zoom-out;
|
cursor: zoom-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user