lanyuanxiaoyao/Alfred
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 消除 code-block-body 背景色与 shiki 主题背景色视觉割裂

Browse Source
This commit is contained in:
兰缘小妖
2026-06-05 16:44:13 +08:00
parent 85abc2a515
commit 98712cf047
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/web/features/chat/parts/CodeBlock.tsx
View File

@@ -63,9 +63,11 @@ export function CodeBlock({ children, className: _className, isStreaming }: Code
{highlighted ? ( {highlighted ? (
<div className="code-block-body" dangerouslySetInnerHTML={{ __html: highlighted }} /> <div className="code-block-body" dangerouslySetInnerHTML={{ __html: highlighted }} />
) : ( ) : (
<pre className="code-block-body"> <div className="code-block-body">
<code>{codeText}</code> <pre>
</pre> <code>{codeText}</code>
</pre>
</div>
)} )}
</div> </div>
); );

5
src/web/styles.css
View File

@@ -408,9 +408,12 @@ body {
.code-block-body { .code-block-body {
margin: 0; margin: 0;
}
.code-block-body > pre {
padding: var(--ant-padding-sm); padding: var(--ant-padding-sm);
margin: 0;
overflow-x: auto; overflow-x: auto;
background: var(--ant-color-bg-container);
} }
.code-block-body code { .code-block-body code {