style:

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

@@ -235,17 +235,17 @@ const EmailDetailInline = ({ mailID, emailMsg = {}, disabled = false, variant, s
   const variantCls = (variant) => {
     switch (variant) {
       case 'outline':
-        return 'border-y-0 border-x border-solid border-neutral-200'
+        return 'h-full border-y-0 border-x border-solid border-neutral-200'
       case 'full':
-        return 'h-[calc(100vh-16px)]'
+        return 'h-[calc(100dvh-16px)]'
       default:
-        return ''
+        return 'h-full'
     }
   }
 
   return mailID ? (
     <>
-      <div ref={componentRef} className={`email-container h-full flex flex-col gap-0 divide-y divide-neutral-200 divide-solid *:p-2 *:border-0 bg-white ${variantCls(variant)}`}>
+      <div ref={componentRef} className={`email-container flex flex-col gap-0 divide-y divide-neutral-200 divide-solid *:p-2 *:border-0 bg-white ${variantCls(variant)}`}>
         <div className=''>
           <div className='flex flex-wrap justify-between'>
             <span className={(mailData.info?.MAI_ReadState || 0) > 0 ? '' : ' font-bold '}>

src/views/orders/components/MailBox.jsx

@@ -98,7 +98,7 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
               <span className={mailStateClass}>{item.MAI_Subject || '[无主题]'}</span>
               {hasAtta}
             </div>
-            <Flex dir='col' gap='small' align='center' justify='flex-end' wrap className='text-neutral-500 text-wrap break-words break-all '>
+            <Flex gap='small' align='center' justify='flex-end' wrap className='text-neutral-500 text-wrap break-words break-all '>
               <span className='mr-auto'>{countryName + item.SenderReceiver}</span>
               {orderMailType}
               <span className=''>{item.SRDate}</span>