fix(code-runner): 文章页运行结果添加最大高度与滚动

输出区原本无高度限制,大量 stdout 会撑开整个卡片/文章页。加 max-h-80
(320px) 与 overflow-auto,超出后垂直滚动。overflow-x-auto 升级为
overflow-auto 以同时支持垂直滚动。与编辑器内 resultArea 的 300px 上限
保持一致。
This commit is contained in:
xfy 2026-07-09 13:28:04 +08:00
parent 1521414cad
commit e8fc255b19

View File

@ -334,7 +334,7 @@ pub fn CodeRunner(
span { class: "font-medium uppercase tracking-wide", "输出" }
span { "{exit_info()}" }
}
pre { class: "px-4 py-3 m-0 text-xs font-mono text-[var(--color-paper-secondary)] bg-[var(--color-paper-code-block)] overflow-x-auto whitespace-pre-wrap break-words",
pre { class: "px-4 py-3 m-0 text-xs font-mono text-[var(--color-paper-secondary)] bg-[var(--color-paper-code-block)] overflow-auto max-h-80 whitespace-pre-wrap break-words",
{output()}
}
}