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

other services

Browse Source
This commit is contained in:
hamid zarghami
2025-01-10 10:44:51 +03:30
parent 1aae658eaf
commit dd73ca7746
4 changed files with 43 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/service/OtherServices.tsx
+18 -15
View File
@@ -70,11 +70,11 @@ const OtherServices: FC = () => {
<TitleLine title={t('service.selected_danak')} />
</div>
<div className='flex flex-wrap gap-6 items-center mt-8'>
<div className='flex-1 min-w-[45%] bg-white rounded-3xl p-6'>
<div className='flex flex-wrap xl:gap-6 gap-4 items-center mt-8'>
<div className='flex-1 min-w-[45%] xl:min-w-[30%] bg-white rounded-3xl xl:p-6 p-4'>
<div className='flex gap-2 items-center'>
<div className='size-[50px] bg-[#FF7B00] rounded-xl'></div>
<div>
<div className='xl:size-[50px] size-10 bg-[#FF7B00] rounded-xl'></div>
<div className='xl:text-base text-sm'>
دی منو
</div>
</div>
@@ -96,10 +96,10 @@ const OtherServices: FC = () => {
</Button>
</div>
</div>
<div className='flex-1 min-w-[45%] bg-white rounded-3xl p-6'>
<div className='flex-1 min-w-[40%] xl:min-w-[30%] bg-white rounded-3xl xl:p-6 p-4'>
<div className='flex gap-2 items-center'>
<div className='size-[50px] bg-[#FF7B00] rounded-xl'></div>
<div>
<div className='xl:size-[50px] size-10 bg-[#FF7B00] rounded-xl'></div>
<div className='xl:text-base text-sm'>
دی منو
</div>
</div>
@@ -121,10 +121,10 @@ const OtherServices: FC = () => {
</Button>
</div>
</div>
<div className='flex-1 min-w-[45%] bg-white rounded-3xl p-6'>
<div className='flex-1 min-w-[40%] xl:min-w-[30%] bg-white rounded-3xl xl:p-6 p-4'>
<div className='flex gap-2 items-center'>
<div className='size-[50px] bg-[#FF7B00] rounded-xl'></div>
<div>
<div className='xl:size-[50px] size-10 bg-[#FF7B00] rounded-xl'></div>
<div className='xl:text-base text-sm'>
دی منو
</div>
</div>
@@ -146,15 +146,16 @@ const OtherServices: FC = () => {
</Button>
</div>
</div>
<div className='flex-1 min-w-[40%] xl:min-w-[30%] xl:p-6 p-4'></div>
</div>
<div className='w-full mt-8'>
<TitleLine title={t('service.other_services')} />
</div>
<div className='flex w-full gap-6 items-center mt-8'>
<div className='flex gap-6 items-center mt-8'>
<div className='flex-1 bg-white rounded-3xl py-4 px-6'>
<div className='flex w-full gap-6 items-center'>
<div className='flex w-full flex-wrap xl:gap-6 gap-4 items-center mt-8'>
<div className='flex-1 min-w-full bg-white rounded-3xl py-4 px-6'>
<div className='flex justify-between items-center'>
<ServiceSection
/>
@@ -169,7 +170,7 @@ const OtherServices: FC = () => {
</div>
</div>
<div className='flex-1 bg-white rounded-3xl py-4 px-6'>
<div className='flex-1 min-w-full bg-white rounded-3xl py-4 px-6'>
<div className='flex justify-between items-center'>
<ServiceSection
/>
@@ -188,9 +189,11 @@ const OtherServices: FC = () => {
</div>
<div className='h-16 xl:hidden'></div>
</div>
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white h-fit rounded-3xl overflow-hidden relative'>
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white h-fit hidden xl:block rounded-3xl overflow-hidden relative'>
<img
src={RobotImage}
className='w-full backdrop-blur-[100px] h-[550px] object-cover'