From 6492e3c90252bcc1545bd4663cde627431749bbb Mon Sep 17 00:00:00 2001 From: xfy Date: Thu, 9 Jul 2026 17:36:22 +0800 Subject: [PATCH] =?UTF-8?q?fix(code-runner):=20=E5=8F=AF=E8=BF=90=E8=A1=8C?= =?UTF-8?q?=E4=BB=A3=E7=A0=81=E5=9D=97=E4=B8=8E=E6=AD=A3=E6=96=87=E4=B9=8B?= =?UTF-8?q?=E9=97=B4=E7=BC=BA=E5=B0=91=E9=97=B4=E8=B7=9D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit CodeRunner 根 div 没有任何垂直外边距,而普通代码块经 .md-content pre 规则带 margin-bottom: var(--content-gap-paper)(20px)。可运行块根元素是 div 而非 pre,该规则不生效,导致可运行块紧贴其后正文——上方靠前段落 margin 折叠勉强可见,下方完全无间距。 给根 div 加 mb-[var(--content-gap-paper)](沿用组件既有的 var() 任意值 写法),与普通代码块、段落保持一致的 20px 间距。 --- src/components/code_runner/runner.rs | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/code_runner/runner.rs b/src/components/code_runner/runner.rs index 936c053..30c50f4 100644 --- a/src/components/code_runner/runner.rs +++ b/src/components/code_runner/runner.rs @@ -275,7 +275,7 @@ pub fn CodeRunner( }; rsx! { - div { class: "rounded-2xl overflow-hidden border border-[var(--color-paper-border)] bg-[var(--color-paper-entry)]", + div { class: "rounded-2xl overflow-hidden border border-[var(--color-paper-border)] bg-[var(--color-paper-entry)] mb-[var(--content-gap-paper)]", // 顶栏：语言标签 + 运行按钮 div { class: "flex justify-between items-center px-4 py-2.5 border-b border-[var(--color-paper-border)] bg-[var(--color-paper-theme)]", div { class: "flex items-center gap-3",