From 50ae8fb2a51385f1adbebeeb07a22d930bcdb3f7 Mon Sep 17 00:00:00 2001
From: UnknownMp <unknownmp@163.com>
Date: Sun, 18 May 2025 23:40:43 +0800
Subject: [PATCH] =?UTF-8?q?[Fix]=20=E4=BF=AE=E5=A4=8D=20pre=20=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E8=BF=87=E9=95=BF=E5=AF=BC=E8=87=B4=E7=9A=84=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=BA=A2=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

[NewBug]
导致 code 高度变小, 整体变窄
---
 src/main.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

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