From f364f4b0f0f3ffba2d6b79f76f048056c74a7f87 Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Thu, 20 Nov 2025 19:33:55 +0800
Subject: [PATCH] fix: adjust layout styles in AIChatMessage component for
 improved responsiveness

- Updated the class names in the AIChatMessage component to ensure full-width display for message elements.
- Enhanced the layout structure to better accommodate varying message sizes and improve overall user experience.

Signed-off-by: Innei <tukon479@gmail.com>
---
 .../src/modules/ai-chat/components/message/AIChatMessage.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/layer/renderer/src/modules/ai-chat/components/message/AIChatMessage.tsx b/apps/desktop/layer/renderer/src/modules/ai-chat/components/message/AIChatMessage.tsx
index 139301a06..52d53d41d 100644
--- a/apps/desktop/layer/renderer/src/modules/ai-chat/components/message/AIChatMessage.tsx
+++ b/apps/desktop/layer/renderer/src/modules/ai-chat/components/message/AIChatMessage.tsx
@@ -105,9 +105,9 @@ export const AIChatMessage: React.FC<AIChatMessageProps> = React.memo(
 
     return (
       <div onContextMenu={stopPropagation} className="group flex justify-start">
-        <div className="relative flex max-w-full flex-col gap-2 text-text">
+        <div className="relative flex w-full max-w-full flex-col gap-2 text-text">
           {/* Normal message display */}
-          <div className="text-text">
+          <div className="w-full text-text">
             <div className="flex cursor-text select-text flex-col gap-2 text-sm">
               <AIMessageParts message={message} isLastMessage={isLastMessage} />
             </div>