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

login v1

Browse Source
This commit is contained in:
hamid zarghami
2024-12-24 09:00:36 +03:30
parent 6cb43e42b2
commit 7bded16958
9 changed files with 253 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/auth/Login.tsx
+36 -2
View File
@@ -3,15 +3,17 @@ import LogoImage from '../../assets/images/logo.svg'
import LogoSmallImage from '../../assets/images/logo-small.svg'
import { useTranslation } from 'react-i18next'
import Input from '../../components/Input'
import DatePickerComponent from '../../components/DatePicker'
import Button from '../../components/Button'
const Login: FC = () => {
const { t } = useTranslation('global')
return (
<div className='w-full h-full flex justify-center py-[100px] items-center'>
<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='flex-1 min-w-[50%] bg-white p-9'>
<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'>
@@ -37,6 +39,38 @@ const Login: FC = () => {
placeholder={t('auth.enter_family')}
/>
</div>
<div className='mt-6 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')}
/>
</div>
<div className='mt-6 rowTwoInput'>
<Input
label={t('auth.email')}
placeholder={t('auth.enter_email')}
/>
<Input
label={t('auth.phonen_number')}
placeholder={t('auth.enter_phone_number')}
/>
</div>
<div className='mt-6 rowTwoInput'>
<Input
label={t('auth.password')}
placeholder={t('auth.enter_password')}
type='password'
/>
</div>
<Button
label={t('auth.next')}
className='mt-6'
/>
</div>
</div>