From 9e9dc3d551eec1d4ecae90a5bcbd0faac7cbb5dc Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Tue, 14 Jan 2025 16:52:28 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B6=85=E9=95=BF=E7=9A=84=E5=BC=95?=
 =?UTF-8?q?=E7=94=A8,=20=E6=BA=A2=E5=87=BA;=20=E6=B0=94=E6=B3=A1=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Conversations/Conversations.css              | 3 ++-
 src/views/Conversations/Online/Input/InputComposer.jsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/Conversations/Conversations.css b/src/views/Conversations/Conversations.css
index 4514f0f..8104f71 100644
--- a/src/views/Conversations/Conversations.css
+++ b/src/views/Conversations/Conversations.css
@@ -98,7 +98,8 @@
     bottom: 0;
 }
 .chatwindow-wrapper .rce-container-mbox .rce-mbox{
-    max-width: 500px;
+    /* max-width: 500px; */
+    max-width: 70%;
 }
 .chatwindow-wrapper .rce-citem {
     background: transparent;
diff --git a/src/views/Conversations/Online/Input/InputComposer.jsx b/src/views/Conversations/Online/Input/InputComposer.jsx
index 5b3feba..a070bc2 100644
--- a/src/views/Conversations/Online/Input/InputComposer.jsx
+++ b/src/views/Conversations/Online/Input/InputComposer.jsx
@@ -322,7 +322,7 @@ const InputComposer = ({ channel, currentActive, lastWABAMsg = {} }) => {
           <div className='flex flex-col referrer-msg border-l-3 border-y-0 border-r-0 border-slate-300 border-solid pl-2 pr-1 py-1'>
             <span className=' text-primary pr-1 italic align-top'>{referenceMsg.senderName}</span>
             {referenceMsg.type === 'photo' && <Image width={100} src={referenceMsg.data.uri} />}
-            <span className='px-1 whitespace-pre-wrap'>{referenceMsg.originText}</span>
+            <span className='px-1 whitespace-pre-wrap line-clamp-3 overflow-hidden text-ellipsis break-words'>{referenceMsg.originText}</span>
           </div>
           <Button type='text' title='取消引用' className=' rounded-none text-slate-500' icon={<CloseCircleOutlined />} size={'middle'} onClick={() => setReferenceMsg({})} />
         </Flex>