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

logo login

Browse Source
This commit is contained in:
hamid zarghami
2025-03-09 16:13:06 +03:30
parent 9e94aca9b3
commit 5066e9f262
4 changed files with 38 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/auth/Login.tsx
+3 -4
View File
@@ -10,17 +10,16 @@ const Login: FC = () => {
const { stepLogin, phone, email } = useAuthStore()
console.log(phone, email, stepLogin);
return (
<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 lg:px-9 px-4 py-7'>
<div className='flex-1 h-full flex flex-col'>
<img src={LogoSmallImage} className='w-8' />
<div className='flex flex-1 flex-col h-full justify-center'>
<div className='flex relative flex-1 flex-col h-full justify-center'>
<img src={LogoSmallImage} className='w-8 hidden xl:block' />
<img src={LogoImage} className='w-44 right-0 left-0 mx-auto absolute top-20 xl:hidden' />
{
stepLogin === 1 ?
<LoginStep1 />
src/pages/auth/Register.tsx
+32 -25
View File
@@ -18,37 +18,44 @@ const Register: FC = () => {
return (
<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 flex flex-col justify-center 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'>
<h2 className='text-2xl font-bold'>
{t('auth.welcome')}
</h2>
<p className='text-description text-sm mt-2'>
{t('auth.enter_information')}
</p>
</div>
<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'>
{
stepLogin === 1 ?
<RegisterStep1 />
:
<RegisterStep2 />
}
<div className='flex relative flex-1 flex-col h-full justify-center'>
<img src={LogoSmallImage} className='w-8 hidden xl:block' />
<img src={LogoImage} className='w-44 right-0 left-0 mx-auto absolute top-20 xl:hidden' />
<div className=''>
<div className='mt-5'>
<h2 className='text-2xl font-bold'>
{t('auth.welcome')}
</h2>
<p className='text-description text-sm mt-2'>
{t('auth.enter_information')}
</p>
</div>
<div className='mt-6 flex justify-center gap-2 items-center text-sm'>
<p className='text-description'>
{t('auth.before_registered')}
</p>
<Link to={Pages.auth.login}>
<div>{t('auth.login')}</div>
</Link>
{
stepLogin === 1 ?
<RegisterStep1 />
:
<RegisterStep2 />
}
<div className='mt-6 flex justify-center gap-2 items-center text-sm'>
<p className='text-description'>
{t('auth.before_registered')}
</p>
<Link to={Pages.auth.login}>
<div>{t('auth.login')}</div>
</Link>
</div>
</div>
</div>
</div>
</div>
</div>
<div className='flex-1 min-w-[50%] lg:flex hidden justify-center items-center'>
<img src={LogoImage} className='h-20' />
</div>