fix bug design

This commit is contained in:
hamid zarghami
2025-01-06 16:59:24 +03:30
parent 650791e71a
commit ed6551fdde
7 changed files with 18 additions and 15 deletions
+3 -3
View File
@@ -12,9 +12,9 @@ const Login: FC = () => {
return (
<div className='w-full h-full flex justify-center py-[75px] items-center px-10'>
<div className='w-full h-full flex justify-center lg:py-[75px] py-4 lg:items-center lg:px-10 px-4'>
<div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
<div className='flex-1 min-w-[50%] overflow-y-auto bg-white px-9 py-7'>
<div className='flex-1 min-w-[50%] overflow-y-auto bg-white lg:px-9 px-4 py-7'>
<div className='flex-1 h-full flex flex-col'>
<img src={LogoSmallImage} className='w-8' />
@@ -35,7 +35,7 @@ const Login: FC = () => {
</div>
</div>
<div className='flex-1 min-w-[50%] flex justify-center items-center'>
<div className='flex-1 min-w-[50%] lg:flex hidden justify-center items-center'>
<img src={LogoImage} className='h-20' />
</div>
</div>
+3 -3
View File
@@ -13,9 +13,9 @@ const Register: FC = () => {
const { t } = useTranslation('global')
return (
<div className='w-full h-full flex justify-center py-[75px] items-center px-10'>
<div className='w-full h-full flex justify-center lg:py-[75px] py-4 lg:items-center lg:px-10 px-4'>
<div className='flex w-full max-h-[812px] max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
<div className='flex-1 min-w-[50%] overflow-y-auto bg-white px-9 py-7'>
<div className='flex-1 min-w-[50%] overflow-y-auto bg-white lg:px-9 px-4 py-7'>
<div className=''>
<img src={LogoSmallImage} className='w-8' />
<div className='mt-5'>
@@ -89,7 +89,7 @@ const Register: FC = () => {
</div>
</div>
<div className='flex-1 min-w-[50%] flex justify-center items-center'>
<div className='flex-1 min-w-[50%] lg:flex hidden justify-center items-center'>
<img src={LogoImage} className='h-20' />
</div>
</div>
+8 -6
View File
@@ -35,14 +35,16 @@ const LoginStep2: FC = () => {
return (
<div>
<div className='mt-5'>
<h2 className='text-2xl font-bold'>
<h2 className='lg:text-2xl font-bold'>
{t('auth.enter_otp')}
</h2>
<p className='text-description flex gap-1 text-sm mt-2'>
<div>{t('auth.verfify_code_text_1')}</div>
<div>{phone}</div>
<div>
{t('auth.verfify_code_text_2')}
<p className='text-description flex lg:flex-row flex-col lg:gap-1 gap-2 text-sm lg:mt-2 mt-3'>
<div className='flex gap-1'>
<div>{t('auth.verfify_code_text_1')}</div>
<div>{phone}</div>
<div>
{t('auth.verfify_code_text_2')}
</div>
</div>
<div onClick={() => setStepLogin(1)} className='text-black cursor-pointer'>
{t('auth.change_number')}