fix(code-runner): 可运行代码块与正文之间缺少间距
CodeRunner 根 div 没有任何垂直外边距,而普通代码块经 .md-content pre 规则带 margin-bottom: var(--content-gap-paper)(20px)。可运行块根元素是 div 而非 pre,该规则不生效,导致可运行块紧贴其后正文——上方靠前段落 margin 折叠勉强可见,下方完全无间距。 给根 div 加 mb-[var(--content-gap-paper)](沿用组件既有的 var() 任意值 写法),与普通代码块、段落保持一致的 20px 间距。
This commit is contained in:
parent
8cf34769e5
commit
6492e3c902
@ -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",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user