heimoshuiyu/chatgpt-api-web
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Update MessageBubble component to adjust Markdown styling and improve responsiveness

Browse Source
This commit is contained in:
ecwu
2025-02-07 21:37:53 +00:00
parent d18040dca1
commit 8db892caf7
1 changed files with 29 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/MessageBubble.tsx
View File

@@ -336,7 +336,6 @@ export default function Message(props: { messageIndex: number }) {
) : chat.tool_calls ? ( ) : chat.tool_calls ? (
<MessageToolCall chat={chat} copyToClipboard={copyToClipboard} /> <MessageToolCall chat={chat} copyToClipboard={copyToClipboard} />
) : renderMarkdown ? ( ) : renderMarkdown ? (
<div className="max-w-full md:max-w-[100%]">
<Markdown <Markdown
remarkPlugins={[remarkMath]} remarkPlugins={[remarkMath]}
rehypePlugins={[rehypeKatex]} rehypePlugins={[rehypeKatex]}
@@ -362,11 +361,10 @@ export default function Message(props: { messageIndex: number }) {
// "pre", // "pre",
// ].includes(element.tagName); // ].includes(element.tagName);
// }} // }}
className={"prose"} className={"prose max-w-none md:max-w-[75%]"}
> >
{getMessageText(chat)} {getMessageText(chat)}
</Markdown> </Markdown>
</div>
) : ( ) : (
<div className="message-content max-w-full md:max-w-[100%]"> <div className="message-content max-w-full md:max-w-[100%]">
{chat.content && {chat.content &&