style: 超长的引用, 溢出; 气泡宽度

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;

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>