danak/dmail-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

subject in mobile and date and time in detil email

Browse Source
This commit is contained in:
hamid zarghami
2025-08-02 09:21:38 +03:30
parent 6f1be11708
commit fd542a7868
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/received/Detail.tsx
+8 -4
View File
@@ -148,15 +148,19 @@ const DetailEmail: FC = () => {
<div className='mt-6 flex xl:flex-row flex-col justify-between xl:items-center'> <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 xl:flex-row flex-col-reverse gap-4 xl:items-center'>
<div className='flex gap-1 items-center'> <div className='flex gap-1 items-start'>
<div className='font-extralight hidden xl:block'>{t('mail.subject')}</div> <div className='font-extralight '>{t('mail.subject')}</div>
<div className='leading-7 text-sm'>{messageDetail.subject || 'بدون موضوع'}</div> <div className='leading-7 text-sm'>{messageDetail.subject || 'بدون موضوع'}</div>
</div> </div>
<div className='flex gap-2'> <div className='flex gap-2 justify-between w-full items-center'>
<Button <Button
label={t(`mail.${messageDetail?.mailboxName}`)} 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' 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 {/* <Button
label='الویت زیاد' label='الویت زیاد'
className='bg-[#FFE9E9] text-[#CD0000] w-fit px-6 rounded-full h-6 xl:h-10 text-[10px] xl:text-sm' 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> </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)} {formatDate(messageDetail.date)}
</div> </div>
</div> </div>