From eca17767fe3284734bc867ba24e15b45b1ae8f3b Mon Sep 17 00:00:00 2001
From: StyleZhang <jasonapring2015@outlook.com>
Date: Thu, 22 Aug 2024 15:09:54 +0800
Subject: [PATCH] chat style

---
 web/app/components/base/chat/chat/answer/tool-detail.tsx | 4 ++--
 web/app/components/base/chat/chat/question.tsx           | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/app/components/base/chat/chat/answer/tool-detail.tsx b/web/app/components/base/chat/chat/answer/tool-detail.tsx
index 130ad42fda..aeaeafc5ac 100644
--- a/web/app/components/base/chat/chat/answer/tool-detail.tsx
+++ b/web/app/components/base/chat/chat/answer/tool-detail.tsx
@@ -49,7 +49,7 @@ const ToolDetail = ({
               <div className='flex items-center justify-between px-2 pt-1 h-7 system-xs-semibold-uppercase'>
                 {t('tools.thought.requestTitle')}
               </div>
-              <div className='pt-1 px-3 pb-2 code-xs-regular'>
+              <div className='pt-1 px-3 pb-2 code-xs-regular break-words'>
                 {input}
               </div>
             </div>
@@ -57,7 +57,7 @@ const ToolDetail = ({
               <div className='flex items-center justify-between px-2 pt-1 h-7 system-xs-semibold-uppercase'>
                 {t('tools.thought.responseTitle')}
               </div>
-              <div className='pt-1 px-3 pb-2 code-xs-regular'>
+              <div className='pt-1 px-3 pb-2 code-xs-regular break-words'>
                 {output}
               </div>
             </div>
diff --git a/web/app/components/base/chat/chat/question.tsx b/web/app/components/base/chat/chat/question.tsx
index 7ea9656a3e..30809ec995 100644
--- a/web/app/components/base/chat/chat/question.tsx
+++ b/web/app/components/base/chat/chat/question.tsx
@@ -32,7 +32,7 @@ const Question: FC<QuestionProps> = ({
     <div className='flex justify-end mb-2 last:mb-0 pl-10'>
       <div className='group relative mr-4'>
         <div
-          className='px-4 py-3 bg-util-colors-blue-brand-blue-brand-500 rounded-2xl text-sm text-gray-900'
+          className='px-4 py-3 bg-[#D1E9FF]/50 rounded-2xl text-sm text-gray-900'
           style={theme?.chatBubbleColorStyle ? CssTransform(theme.chatBubbleColorStyle) : {}}
         >
           {