Repository navigation
feat: RSS-SE-06 implement auth pages layout - #5
Conversation
| </div> | ||
|
|
||
| <form className={styles.form} onSubmit={onSubmit}> | ||
| <Input className={styles.input} label={t('emailLabel')} placeholder="name@domain.com" type="email" /> |
There was a problem hiding this comment.
name and required is missing, but i can add them myself
There was a problem hiding this comment.
In the next PR with ID 07, I’ll be using react-hook-form, where the ‘name’ attribute for the input fields will be populated automatically
| {isRegister && ( | ||
| <Input className={styles.input} label={t('confirmPasscodeLabel')} placeholder="••••••••" type="password" /> | ||
| )} | ||
| <Button className={styles.button}> |
There was a problem hiding this comment.
type of button is missing
There was a problem hiding this comment.
Thank you for pointing that out; I’ve fixed it in the new PR
| <Input className={styles.input} label={t('passcodeLabel')} placeholder="••••••••" type="password" /> | ||
| {isRegister && ( | ||
| <Input className={styles.input} label={t('confirmPasscodeLabel')} placeholder="••••••••" type="password" /> | ||
| )} |
There was a problem hiding this comment.
Good work, it's great that you integrated next-intl
| padding-top: 0.875rem; | ||
| padding-bottom: 0.875rem; |
There was a problem hiding this comment.
It might be better to use px here instead of rem, so that paddings doesn't change depending on the font-size
There was a problem hiding this comment.
That was the whole point – for the dimensions to change according to the screen width))
| @@ -0,0 +1,65 @@ | |||
| .card { | |||
| border-radius: var(--radius-card); | |||
| padding: 2.5rem; | |||
There was a problem hiding this comment.
It might be better to use px here instead of rem, so that paddings doesn't change depending on the font-size
| "title": "Sign In", | ||
| "subtitle": "Enter your credentials to access the AURA core.", | ||
| "emailLabel": "Email Address", | ||
| "passcodeLabel": "Access Passcode", | ||
| "submitButton": "SIGN IN", | ||
| "switchText": "Don't have an account?", | ||
| "switchLink": "Sign Up" | ||
| }, | ||
| "Register": { | ||
| "title": "Sign Up" | ||
| "title": "Sign Up", | ||
| "subtitle": "Establish your secure presence within the AURA network.", | ||
| "emailLabel": "Email Address", | ||
| "passcodeLabel": "Access Passcode", | ||
| "confirmPasscodeLabel": "Confirm Passcode", | ||
| "submitButton": "SIGN UP", | ||
| "switchText": "Already have an account?", | ||
| "switchLink": "Sign In" |
| "title": "Вход", | ||
| "subtitle": "Введите ваши данные для доступа к ядру AURA.", | ||
| "emailLabel": "Адрес электронной почты", | ||
| "passcodeLabel": "Пароль", | ||
| "submitButton": "ВОЙТИ", | ||
| "switchText": "Нет аккаунта?", | ||
| "switchLink": "Регистрация" | ||
| }, | ||
| "Register": { | ||
| "title": "Регистрация" | ||
| "title": "Регистрация", | ||
| "subtitle": "Создайте своё защищённое присутствие в сети AURA.", | ||
| "emailLabel": "Адрес электронной почты", | ||
| "passcodeLabel": "Пароль", | ||
| "confirmPasscodeLabel": "Подтвердите пароль", | ||
| "submitButton": "ЗАРЕГИСТРИРОВАТЬСЯ", | ||
| "switchText": "Уже есть аккаунт?", | ||
| "switchLink": "Войти" |
📋 Trello Task ID
⚡️ Summary
🛠 Type of change
feat(New feature)fix(Bug fix)refactor(Code improvement / Refactoring without changing logic)style(Formatting, CSS)docs(Documentation)chore(Configs, Build)test(Testing)📷 Screenshots / GIFs