From 84e9ada0e76a5a12aeee8c8aaba8c6cb813ba1ab Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Fri, 27 Jun 2025 16:06:58 +0800
Subject: [PATCH] style:

---
 .../Conversations/Online/Components/EmailDetailInline.jsx | 8 ++++----
 src/views/orders/components/MailBox.jsx                   | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/views/Conversations/Online/Components/EmailDetailInline.jsx b/src/views/Conversations/Online/Components/EmailDetailInline.jsx
index dca4ab8..77d90ba 100644
--- a/src/views/Conversations/Online/Components/EmailDetailInline.jsx
+++ b/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 '}>
diff --git a/src/views/orders/components/MailBox.jsx b/src/views/orders/components/MailBox.jsx
index 0b4d8e2..73edf71 100644
--- a/src/views/orders/components/MailBox.jsx
+++ b/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>