From 25c9577a71563bf292781b5d3297a9968397c19b Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Thu, 6 Feb 2025 14:13:22 +0800
Subject: [PATCH] fix: adjust MessageBubble component to allow full-width
 rendering on medium screens

---
 src/components/MessageBubble.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/MessageBubble.tsx b/src/components/MessageBubble.tsx
index d5d6131..4fa6758 100644
--- 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