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

service responsive

Browse Source
This commit is contained in:
hamid zarghami
2025-01-19 11:09:48 +03:30
parent acc28d483c
commit bc6a10d585
3 changed files with 52 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/service/DetailService.tsx
+15 -15
View File
@@ -16,44 +16,44 @@ const DetailService: FC = () => {
return (
<div className='w-full flex gap-6 mt-4'>
<div className='flex-1'>
<div className='flex-1 max-w-full'>
<ServiceHeader />
<div className='mt-8 flex justify-between items-center gap-8'>
<div className='bg-white flex flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description text-xs'>
<div className='mt-8 flex overflowX justify-between items-center xl:gap-8 gap-5'>
<div className='bg-white flex xl:min-w-max min-w-[127px] flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description xl:text-xs text-[11px]'>
{t('service.company_develop')}
</div>
<div className='mt-3 text-sm'>
{t('service.company_danak')}
</div>
</div>
<div className='bg-white flex flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description text-xs'>
<div className='bg-white flex xl:min-w-max min-w-[127px] flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description xl:text-xs text-[11px]'>
{t('service.user_count')}
</div>
<div className='mt-3 text-sm'>
+۵۰۰
</div>
</div>
<div className='bg-white flex flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description text-xs'>
<div className='bg-white flex xl:min-w-max min-w-[127px] flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description xl:text-xs text-[11px]'>
{t('service.year_make')}
</div>
<div className='mt-3 text-sm'>
۱۴۰۰
</div>
</div>
<div className='bg-white flex flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description text-xs'>
<div className='bg-white flex xl:min-w-max min-w-[127px] flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description xl:text-xs text-[11px]'>
{t('service.lang_app')}
</div>
<div className='mt-3 text-sm'>
{t('service.persian')}
</div>
</div>
<div className='bg-white flex flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description text-xs'>
<div className='bg-white flex xl:min-w-max min-w-[127px] flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
<div className='text-description xl:text-xs text-[11px]'>
{t('service.score')}
</div>
<div className='mt-3 dltr flex gap-1 text-sm'>
@@ -78,8 +78,8 @@ const DetailService: FC = () => {
</p>
</div>
<div className='mt-8 flex gap-8 items-start'>
<div className='bg-white p-6 rounded-3xl w-[360px]'>
<div className='mt-8 flex xl:flex-row flex-col gap-8 items-start'>
<div className='bg-white p-6 rounded-3xl xl:w-[360px] w-full'>
<div>
{t('service.submit_comment')}
</div>
@@ -125,7 +125,7 @@ const DetailService: FC = () => {
</div>
</div>
</div>
<div className='flex-1 bg-white p-6 rounded-3xl'>
<div className='flex-1 max-w-full bg-white p-6 rounded-3xl'>
<div className='text-sm'>
{t('service.users_comments')}
</div>