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

log in

Browse Source
This commit is contained in:
hamid zarghami
2024-12-24 09:22:29 +03:30
parent 7bded16958
commit b9cae34c15
4 changed files with 30 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/auth/Login.tsx
+24 -13
View File
@@ -11,43 +11,47 @@ const Login: FC = () => {
const { t } = useTranslation('global')
return (
<div className='w-full h-full flex justify-center py-[100px] items-center px-10'>
<div className='flex w-full max-w-[1200px] bg-secondary h-full rounded-3xl overflow-hidden'>
<div className='w-full h-full flex justify-center py-[75px] items-center px-10'>
<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 p-9'>
<div className=''>
<img src={LogoSmallImage} className='w-8' />
<div className='mt-5'>
<h2 className='text-3xl font-bold'>
<h2 className='text-2xl font-bold'>
{t('auth.welcome')}
</h2>
<p className='text-description mt-2'>
<p className='text-description text-sm mt-2'>
{t('auth.enter_information')}
</p>
</div>
<div className='mt-8'>
{/* <div className='mt-5 text-sm'>
{t('auth.user_info')}
</div>
</div> */}
<div className='mt-6 rowTwoInput'>
<div className='mt-5 rowTwoInput'>
<Input
label={t('auth.name')}
placeholder={t('auth.enter_name')}
/>
<Input
label={t('auth.family')}
placeholder={t('auth.enter_family')}
/>
</div>
<div className='mt-6 min-w-full rowTwoInput'>
<div className='mt-4 min-w-full rowTwoInput'>
<DatePickerComponent label={t('auth.dateofbirth')} onChange={(date: string) => console.log(date)} placeholder={t('auth.select_date')} />
<Input
label={t('auth.family')}
placeholder={t('auth.enter_family')}
label={t('auth.national_code')}
placeholder={t('auth.national_code_enter')}
/>
</div>
<div className='mt-6 rowTwoInput'>
<div className='mt-4 rowTwoInput'>
<Input
label={t('auth.email')}
placeholder={t('auth.enter_email')}
@@ -58,7 +62,7 @@ const Login: FC = () => {
/>
</div>
<div className='mt-6 rowTwoInput'>
<div className='mt-4 rowTwoInput'>
<Input
label={t('auth.password')}
placeholder={t('auth.enter_password')}
@@ -68,9 +72,16 @@ const Login: FC = () => {
<Button
label={t('auth.next')}
className='mt-6'
className='mt-8'
/>
<div className='mt-6 flex justify-center gap-2 items-center text-sm'>
<p className='text-description'>
{t('auth.before_registered')}
</p>
<div>{t('auth.login')}</div>
</div>
</div>
</div>