fix: adjust MessageBubble component to allow full-width rendering on …

…medium screens
heimoshuiyu · Feb 6, 2025 · 25c9577 · 25c9577
1 parent eec2fb5
commit 25c9577
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/MessageBubble.tsx b/src/components/MessageBubble.tsx
@@ -324,7 +324,7 @@ export default function Message(props: { messageIndex: number }) {
             ) : chat.tool_calls ? (
               <MessageToolCall chat={chat} copyToClipboard={copyToClipboard} />
             ) : renderMarkdown ? (
-              <div className="message-content max-w-full md:max-w-[75%]">
+              <div className="message-content max-w-full md:max-w-[100%]">
                 <Markdown
                   remarkPlugins={[remarkMath]}
                   rehypePlugins={[rehypeKatex]}
@@ -356,7 +356,7 @@ export default function Message(props: { messageIndex: number }) {
                 </Markdown>
               </div>
             ) : (
-              <div className="message-content max-w-full md:max-w-[75%]">
+              <div className="message-content max-w-full md:max-w-[100%]">
                 {chat.content &&
                   (chat.logprobs && renderColor
                     ? chat.logprobs.content