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/MyServices.tsx
+18 -16
View File
@@ -18,8 +18,8 @@ const MyServices: FC = () => {
{t('service.my_service')}
</div>
<div className='mt-8 flex gap-6 items-center'>
<div className='w-[300px]'>
<div className='mt-8 flex xl:gap-6 gap-4 items-center'>
<div className='xl:w-[300px] w-full'>
<Input
variant='search'
placeholder={t('service.search')}
@@ -27,18 +27,20 @@ const MyServices: FC = () => {
/>
</div>
<Select
items={[
{ label: t('all'), value: 'all' },
{ label: 'Active', value: 'active' },
{ label: 'Inactive', value: 'inactive' },
]}
className='max-w-[100px]'
/>
<div>
<Select
items={[
{ label: t('all'), value: 'all' },
{ label: 'Active', value: 'active' },
{ label: 'Inactive', value: 'inactive' },
]}
className='max-w-[100px]'
/>
</div>
</div>
<div className='flex gap-6 items-center mt-8'>
<div className='flex-1 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-[40%] xl:min-w-[20%] bg-white rounded-3xl p-6'>
<ServiceSection
/>
<div className='mt-6 flex gap-1 items-center'>
@@ -48,7 +50,7 @@ const MyServices: FC = () => {
<div className='text-xs text-description'>1 {t('service.active_menu')}</div>
</div>
</div>
<div className='flex-1 bg-white rounded-3xl p-6'>
<div className='flex-1 min-w-[40%] xl:min-w-[20%] bg-white rounded-3xl p-6'>
<ServiceSection
/>
<div className='mt-6 flex gap-1 items-center'>
@@ -58,7 +60,7 @@ const MyServices: FC = () => {
<div className='text-xs text-description'>1 {t('service.active_menu')}</div>
</div>
</div>
<div className='flex-1 bg-white rounded-3xl p-6'>
<div className='flex-1 min-w-[40%] xl:min-w-[20%] bg-white rounded-3xl p-6'>
<ServiceSection
/>
<div className='mt-6 flex gap-1 items-center'>
@@ -68,7 +70,7 @@ const MyServices: FC = () => {
<div className='text-xs text-description'>1 {t('service.active_menu')}</div>
</div>
</div>
<div className='flex-1 bg-white rounded-3xl p-6'>
<div className='flex-1 min-w-[40%] xl:min-w-[20%] bg-white rounded-3xl p-6'>
<ServiceSection
/>
<div className='mt-6 flex gap-1 items-center'>
@@ -80,7 +82,7 @@ const MyServices: FC = () => {
</div>
</div>
</div>
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white rounded-3xl overflow-hidden relative'>
<div style={{ width: SIDEBAR_SIZE_LEFT }} className='bg-white hidden xl:block rounded-3xl overflow-hidden relative'>
<img
src={BannerImage}
className='w-full backdrop-blur-[100px] h-[550px] object-cover'