From fd542a7868e05c00d905d4c2fa1c0ffd53a2d4e3 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Sat, 2 Aug 2025 09:21:38 +0330
Subject: [PATCH] subject in mobile and date and time in detil email

---
 src/pages/received/Detail.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/pages/received/Detail.tsx b/src/pages/received/Detail.tsx
index 91e3379..b9b1ce3 100644
--- a/src/pages/received/Detail.tsx
+++ b/src/pages/received/Detail.tsx
@@ -148,15 +148,19 @@ const DetailEmail: FC = () => {
 
             <div className='mt-6 flex xl:flex-row flex-col justify-between xl:items-center'>
                 <div className='flex xl:flex-row flex-col-reverse gap-4 xl:items-center'>
-                    <div className='flex gap-1 items-center'>
-                        <div className='font-extralight hidden xl:block'>{t('mail.subject')}</div>
+                    <div className='flex gap-1 items-start'>
+                        <div className='font-extralight '>{t('mail.subject')}</div>
                         <div className='leading-7 text-sm'>{messageDetail.subject || 'بدون موضوع'}</div>
                     </div>
-                    <div className='flex gap-2'>
+                    <div className='flex gap-2 justify-between w-full items-center'>
                         <Button
                             label={t(`mail.${messageDetail?.mailboxName}`)}
                             className='bg-[#ECEFF6] text-description w-fit px-6 rounded-full h-6 xl:h-10 text-[10px] xl:text-sm'
                         />
+
+                        <div className='lg:hidden flex justify-end text-description xl:text-sm text-[10px]'>
+                            {formatDate(messageDetail.date)}
+                        </div>
                         {/* <Button
                             label='الویت زیاد'
                             className='bg-[#FFE9E9] text-[#CD0000] w-fit px-6 rounded-full h-6 xl:h-10 text-[10px] xl:text-sm'
@@ -164,7 +168,7 @@ const DetailEmail: FC = () => {
                     </div>
                 </div>
 
-                <div className='flex justify-end text-description xl:text-sm text-[10px]'>
+                <div className='lg:flex hidden justify-end text-description xl:text-sm text-[10px]'>
                     {formatDate(messageDetail.date)}
                 </div>
             </div>