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

Merge pull request #156 from siteboon/150-bug-code-block-not-rendering-properly-in-light-mode

Browse Source 
Fix: making code block render properly in light mode.
This commit is contained in:
viper151
2025-08-15 13:10:40 +03:00
committed by GitHub
parent 9e98bc739f a2eb2c4bea
commit af6248ca7f
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>