AO3-Mirror/ao3-mirror-ssr
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

[Fix] 修复 pre 内容过长导致的页面溢出

Browse Source 
通过 overflow-x 使得内容可滚动

[NewBug]
导致 code 高度变小, 整体变窄
This commit is contained in:
UnknownMp
2025-05-18 23:40:43 +08:00
parent 8100fe2a41
commit 50ae8fb2a5
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/main.scss
View File

@ -13,12 +13,20 @@ $on-error-color: rgb(var(--mdui-color-on-error));
$transition-duration: var(--mdui-motion-duration-short2); $transition-duration: var(--mdui-motion-duration-short2);
$transition-easing: var(--mdui-motion-easing-linear); $transition-easing: var(--mdui-motion-easing-linear);
html {
scroll-padding-top: 64px; /* 等于顶栏高度 */
}
body { body {
font-family: $font-family; font-family: $font-family;
background-color: $bg-color; background-color: $bg-color;
transition: opacity $transition-duration $transition-easing; transition: opacity $transition-duration $transition-easing;
} }
pre {
overflow-x: auto;
overflow-y: hidden;
}
// MDUI 组件样式 // MDUI 组件样式
mdui-card { mdui-card {
width: 98%; width: 98%;