style: 邮件详情

src/views/Conversations/Online/Components/EmailDetailInline.jsx

@@ -147,13 +147,11 @@ const EmailDetailInline = ({ mailID, emailMsg = {}, disabled = false, ...props }
 
   return (
     <>
-      <div className='email-container flex flex-col gap-2 *:p-2 *:rounded-sm *:border-b *:border-gray-200 *:shadow-1md'>
-        <div className=' font-bold'>
+      <div className='email-container h-full flex flex-col gap-0 divide-y divide-neutral-200 divide-solid *:p-2 *:border-0'>
+        <div className=''>
           {loading ? <LoadingOutlined className='mr-1' /> : null}
-          {mailData.info?.MAI_Subject || emailMsg?.msgOrigin?.subject}
-        </div>
-
-        <div>
+          <span className=' font-bold '>{mailData.info?.MAI_Subject || emailMsg?.msgOrigin?.subject}</span>
+          <Divider className='my-2' />
           <div className={['flex flex-wrap justify-end', window.innerWidth < 600 ? 'flex-col' : 'flex-row '].join(' ')}>
             <div className=' flex-auto basis-0 flex flex-wrap gap-2 mb-2 items-center'>
               <Avatar className='' style={TagColorStyle(mailData.info?.MAI_From, true)}>
@@ -191,7 +189,8 @@ const EmailDetailInline = ({ mailID, emailMsg = {}, disabled = false, ...props }
               {mailData.info.bcc}
             </div>
           )}
-          <Divider className='my-2' />
+        </div>
+        <div className='overflow-auto'>
           <Flex className=' divide-y-0 divide-x divide-gray-200 divide-solid gap-0'>
             {mailData.info?.mailType === 'text/html' ? (
               <EmailContent content={mailData.content} id={mailID} key={mailID} />

src/views/Conversations/Online/order/CustomerProfile.jsx

@@ -312,10 +312,10 @@ const CustomerProfile = () => {
                 className='hover:bg-stone-50 cursor-pointer [&.ant-list-item]:py-1 [&.ant-list-item]:px-2'
                 onClick={() => setClicked3rdEmailItem(email) }>
                   <Flex
-                    vertical className="grow"
+                    vertical className="w-full"
                   >
                     <div className="text-stone-600 line-clamp-1">
-                      <Typography.Text ellipsis={{tooltip: email.SenderReceiver}} style={{width: 380}} className="text-stone-600">{email.SenderReceiver}</Typography.Text></div>
+                      <Typography.Text ellipsis={{tooltip: email.SenderReceiver}} className="text-stone-600">{email.SenderReceiver}</Typography.Text></div>
                     <div className="">{email.MAI_Subject}</div>
                   </Flex>
               </List.Item>