fix design
This commit is contained in:
@@ -52,7 +52,7 @@ const About: NextPage = () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='mt-[300px] bg-white rounded-4xl p-10 xl:h-[500px]'>
|
<div className='xl:mt-[300px] mt-[100px] bg-white rounded-4xl p-10 xl:h-[500px]'>
|
||||||
<div className='max-w-maxWidth mx-auto'>
|
<div className='max-w-maxWidth mx-auto'>
|
||||||
<video controls className='w-full object-cover xl:-mt-[300px] -mt-[100px] rounded-4xl max-h-[500px]'>
|
<video controls className='w-full object-cover xl:-mt-[300px] -mt-[100px] rounded-4xl max-h-[500px]'>
|
||||||
<source src='/hp-s3-360p.mp4' type='video/mp4' />
|
<source src='/hp-s3-360p.mp4' type='video/mp4' />
|
||||||
|
|||||||
@@ -37,12 +37,12 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
|
|||||||
height={20}
|
height={20}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h6 className='text-[#7D818C] text-sm'>{data?.data?.blog?.category?.title}</h6>
|
<h6 className='text-[#7D818C] text-sm whitespace-nowrap'>{data?.data?.blog?.category?.title}</h6>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='flex gap-1'>
|
<div className='flex gap-1'>
|
||||||
<Profile size={20} color='#7D818C' />
|
<Profile size={20} color='#7D818C' />
|
||||||
<h6 className='text-[#7D818C] text-sm'>{data?.data?.blog?.author.firstName} {data?.data?.blog?.author.lastName}</h6>
|
<h6 className='text-[#7D818C] text-sm whitespace-nowrap'>{data?.data?.blog?.author.firstName} {data?.data?.blog?.author.lastName}</h6>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='flex gap-1'>
|
<div className='flex gap-1'>
|
||||||
@@ -65,7 +65,7 @@ const SingleBlogPage: FC<Props> = ({ id }) => {
|
|||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className='mt-6 flex items-center gap-2 text-description text-sm'>
|
<div className='mt-6 flex flex-wrap items-center gap-2 text-description text-sm'>
|
||||||
<Tag size={20} color='#7D818C' />
|
<Tag size={20} color='#7D818C' />
|
||||||
<div>برچسب ها :</div>
|
<div>برچسب ها :</div>
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -136,7 +136,6 @@ const ContactForm = () => {
|
|||||||
<div className='mt-8 flex justify-end'>
|
<div className='mt-8 flex justify-end'>
|
||||||
<Button
|
<Button
|
||||||
label='ارسال'
|
label='ارسال'
|
||||||
className='w-fit px-8'
|
|
||||||
onClick={() => formik.handleSubmit()}
|
onClick={() => formik.handleSubmit()}
|
||||||
isLoading={createContact.isPending}
|
isLoading={createContact.isPending}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -119,3 +119,11 @@ tbody tr {
|
|||||||
#blog-content a {
|
#blog-content a {
|
||||||
color: #ea063e !important;
|
color: #ea063e !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.overflowX {
|
||||||
|
overflow-x: scroll;
|
||||||
|
scrollbar-width: none;
|
||||||
|
}
|
||||||
|
.overflowX::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|||||||
@@ -35,8 +35,8 @@ const DetailService: FC<{ id: string }> = ({ id }) => {
|
|||||||
{getDetailService.data?.data.danakService && (
|
{getDetailService.data?.data.danakService && (
|
||||||
<ServiceHeader data={getDetailService.data.data.danakService} />
|
<ServiceHeader data={getDetailService.data.data.danakService} />
|
||||||
)}
|
)}
|
||||||
<div className='mt-8 flex xl:flex-row flex-col overflowX justify-between items-center xl:gap-8 gap-5'>
|
<div className='mt-8 flex overflowX justify-between items-center xl:gap-8 gap-5'>
|
||||||
<div className='bg-white flex xl:min-w-[127px] w-full flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
|
<div className='bg-white flex min-w-[127px] w-full 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]'>
|
<div className='text-description xl:text-xs text-[11px]'>
|
||||||
توسعه شرکت
|
توسعه شرکت
|
||||||
</div>
|
</div>
|
||||||
@@ -44,7 +44,7 @@ const DetailService: FC<{ id: string }> = ({ id }) => {
|
|||||||
دانک
|
دانک
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='bg-white flex xl:min-w-[127px] w-full flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
|
<div className='bg-white flex min-w-[127px] w-full 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]'>
|
<div className='text-description xl:text-xs text-[11px]'>
|
||||||
تعداد کاربر
|
تعداد کاربر
|
||||||
</div>
|
</div>
|
||||||
@@ -52,7 +52,7 @@ const DetailService: FC<{ id: string }> = ({ id }) => {
|
|||||||
+{getDetailService?.data?.data?.danakService?.userCount}
|
+{getDetailService?.data?.data?.danakService?.userCount}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='bg-white flex xl:min-w-[127px] w-full flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
|
<div className='bg-white flex min-w-[127px] w-full 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]'>
|
<div className='text-description xl:text-xs text-[11px]'>
|
||||||
سال تولید
|
سال تولید
|
||||||
</div>
|
</div>
|
||||||
@@ -61,7 +61,7 @@ const DetailService: FC<{ id: string }> = ({ id }) => {
|
|||||||
moment(getDetailService.data.data.danakService.createdAt).format('jYYYY/jMM/jDD') : ''}
|
moment(getDetailService.data.data.danakService.createdAt).format('jYYYY/jMM/jDD') : ''}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='bg-white flex xl:min-w-[127px] w-full flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
|
<div className='bg-white flex min-w-[127px] w-full 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]'>
|
<div className='text-description xl:text-xs text-[11px]'>
|
||||||
زبان برنامه
|
زبان برنامه
|
||||||
</div>
|
</div>
|
||||||
@@ -69,7 +69,7 @@ const DetailService: FC<{ id: string }> = ({ id }) => {
|
|||||||
{getDetailService?.data?.data?.danakService?.serviceLanguage === 'fa' ? 'فارسی' : 'انگلیسی'}
|
{getDetailService?.data?.data?.danakService?.serviceLanguage === 'fa' ? 'فارسی' : 'انگلیسی'}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='bg-white flex xl:min-w-[127px] w-full flex-1 flex-col justify-center items-center h-[109px] rounded-2xl py-6 px-4'>
|
<div className='bg-white flex min-w-[127px] w-full 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]'>
|
<div className='text-description xl:text-xs text-[11px]'>
|
||||||
امتیاز
|
امتیاز
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -44,7 +44,7 @@ const Products: FC = () => {
|
|||||||
/>
|
/>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<div className='absolute bottom-0 left-0 w-full modalGlass3 h-[150px] rounded-b-3xl text-white p-4'>
|
<div className='absolute bottom-0 left-0 w-full modalGlass3 min-h-[150px] rounded-b-3xl text-white p-4'>
|
||||||
<div className='flex justify-between items-center'>
|
<div className='flex justify-between items-center'>
|
||||||
<h6 className='text-xs'>
|
<h6 className='text-xs'>
|
||||||
{item.name}
|
{item.name}
|
||||||
@@ -56,7 +56,7 @@ const Products: FC = () => {
|
|||||||
</div>
|
</div>
|
||||||
<div className='mt-6 flex justify-between items-end'>
|
<div className='mt-6 flex justify-between items-end'>
|
||||||
<div className='flex gap-4'>
|
<div className='flex gap-4'>
|
||||||
<div className='size-14 overflow-hidden rounded-2xl'>
|
<div className='size-14 min-w-14 overflow-hidden rounded-2xl'>
|
||||||
<Image src={item.icon} alt='product' width={1080} height={1080} className='w-full min-w-14 h-full object-cover' />
|
<Image src={item.icon} alt='product' width={1080} height={1080} className='w-full min-w-14 h-full object-cover' />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
Reference in New Issue
Block a user