links and other responive
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
import { FC } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { SIDEBAR_SIZE_LEFT } from '../../config/Const'
|
||||
import { Edit } from 'iconsax-react'
|
||||
import StatusCircle from '../../components/StatusCircle'
|
||||
import SamanImage from '../../assets/images/saman.png'
|
||||
@@ -16,7 +15,7 @@ const ReceiptsDetail: FC = () => {
|
||||
۱۲۳۱۲
|
||||
</div>
|
||||
|
||||
<div className='flex mt-8 gap-6'>
|
||||
<div className='flex xl:flex-row flex-col mt-8 gap-6'>
|
||||
<div className='flex-1'>
|
||||
<div className='w-full bg-white rounded-3xl p-8'>
|
||||
<div className='flex justify-between items-center'>
|
||||
@@ -31,7 +30,7 @@ const ReceiptsDetail: FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-8 flex gap-16 items-center text-xs'>
|
||||
<div className='mt-8 flex xl:flex-row flex-col xl:gap-16 gap-4 xl:items-center text-xs'>
|
||||
<div className='flex gap-2'>
|
||||
<div className='text-description'>
|
||||
{t('receip.type_person')}
|
||||
@@ -68,7 +67,7 @@ const ReceiptsDetail: FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-8 border-t pt-7 flex gap-16 items-center text-xs'>
|
||||
<div className='mt-8 border-t pt-7 flex xl:flex-row flex-col xl:gap-16 gap-4 xl:items-center text-xs'>
|
||||
<div className='flex gap-2'>
|
||||
<div className='text-description'>
|
||||
{t('receip.tel_company')}
|
||||
@@ -98,7 +97,7 @@ const ReceiptsDetail: FC = () => {
|
||||
|
||||
</div>
|
||||
|
||||
<div className='mt-6 flex gap-16 items-center text-xs'>
|
||||
<div className='mt-6 flex xl:flex-row flex-col xl:gap-16 gap-4 xl:items-center text-xs'>
|
||||
<div className='flex gap-2'>
|
||||
<div className='text-description'>
|
||||
{t('receip.state')}
|
||||
@@ -187,7 +186,7 @@ const ReceiptsDetail: FC = () => {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white text-sm h-fit rounded-3xl p-8'>
|
||||
<div className='bg-white xl:w-sidebar text-sm h-fit rounded-3xl p-8'>
|
||||
<div className='flex justify-between items-center'>
|
||||
<div>
|
||||
{t('receip.receip_information')}
|
||||
|
||||
Reference in New Issue
Block a user