From a9dcf4d5caad82fdc08b7d3ec31467723e0f6a5a Mon Sep 17 00:00:00 2001
From: yangdx <yangdx@znipower.com>
Date: Tue, 22 Apr 2025 17:52:48 +0800
Subject: [PATCH] Change chat message component width to 90%

---
 .../src/components/retrieval/ChatMessage.tsx           | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/lightrag_webui/src/components/retrieval/ChatMessage.tsx b/lightrag_webui/src/components/retrieval/ChatMessage.tsx
index c8b514eb..db968fc8 100644
--- a/lightrag_webui/src/components/retrieval/ChatMessage.tsx
+++ b/lightrag_webui/src/components/retrieval/ChatMessage.tsx
@@ -36,13 +36,13 @@ export const ChatMessage = ({ message }: { message: MessageWithError }) => {
 
   return (
     <div
-      className={`max-w-[80%] rounded-lg px-4 py-2 ${
+      className={`${
         message.role === 'user'
-          ? 'bg-primary text-primary-foreground'
+          ? 'max-w-[80%] bg-primary text-primary-foreground'
           : message.isError
-            ? 'bg-red-100 text-red-600 dark:bg-red-950 dark:text-red-400'
-            : 'bg-muted'
-      }`}
+            ? 'w-[90%] bg-red-100 text-red-600 dark:bg-red-950 dark:text-red-400'
+            : 'w-[90%] bg-muted'
+      } rounded-lg px-4 py-2`}
     >
       <div className="relative">
         <ReactMarkdown