d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2025-12-10 14:59:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: making code block render properly in light mode.

Browse Source
This commit is contained in:
simos
2025-08-15 13:10:18 +03:00
parent 9e98bc739f
commit a2eb2c4bea
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ChatInterface.jsx
View File

@@ -1063,7 +1063,7 @@ const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFile
)}
{message.type === 'assistant' ? (
<div className="prose prose-sm max-w-none dark:prose-invert prose-gray [&_code]:!bg-transparent [&_code]:!p-0">
<div className="prose prose-sm max-w-none dark:prose-invert prose-gray [&_code]:!bg-transparent [&_code]:!p-0 [&_pre]:!bg-transparent [&_pre]:!border-0 [&_pre]:!p-0">
<ReactMarkdown
components={{
code: ({node, inline, className, children, ...props}) => {
@@ -1072,8 +1072,8 @@ const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFile
{children}
</strong>
) : (
<div className="bg-gray-100 dark:bg-gray-800 p-3 rounded-lg overflow-hidden my-2">
<code className="text-gray-800 dark:text-gray-200 text-sm font-mono block whitespace-pre-wrap break-words" {...props}>
<div className="bg-gray-800 dark:bg-gray-800 border border-gray-600/30 dark:border-gray-600/30 p-3 rounded-lg overflow-hidden my-2">
<code className="text-gray-100 dark:text-gray-200 text-sm font-mono block whitespace-pre-wrap break-words" {...props}>
{children}
</code>
</div>