Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-31 22:51:25 -05:00
Code Issues Activity

style(console): sign-up and sign-in form field description margins (#2416)

Browse source
This commit is contained in:
Xiao Yijun 2022-11-14 11:24:13 +08:00 • committed by GitHub
parent b9207d1892
commit 398a0875fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
packages/console/src/pages/SignInExperience/tabs/SignUpAndSignInTab/SignUpForm.tsx
View file

@ -91,41 +91,40 @@ const SignUpForm = () => {
/>
</FormField>
{signUpIdentifier !== SignUpIdentifier.None && (
<FormField
title="sign_in_exp.sign_up_and_sign_in.sign_up.sign_up_authentication"
className={styles.signUpAuthentication}
>
<FormField title="sign_in_exp.sign_up_and_sign_in.sign_up.sign_up_authentication">
<div className={styles.formFieldDescription}>
{t('sign_in_exp.sign_up_and_sign_in.sign_up.authentication_description')}
</div>
<Controller
name="signUp.password"
control={control}
render={({ field: { value, onChange } }) => (
<Checkbox
label={t('sign_in_exp.sign_up_and_sign_in.sign_up.set_a_password_option')}
disabled={signUpIdentifier === SignUpIdentifier.Username}
value={value ?? false}
disabledTooltip={t('sign_in_exp.sign_up_and_sign_in.tip.set_a_password')}
onChange={onChange}
/>
)}
/>
{signUpIdentifier !== SignUpIdentifier.Username && (
<div className={styles.selections}>
<Controller
name="signUp.verify"
name="signUp.password"
control={control}
render={({ field: { value, onChange } }) => (
<Checkbox
label={t('sign_in_exp.sign_up_and_sign_in.sign_up.verify_at_sign_up_option')}
label={t('sign_in_exp.sign_up_and_sign_in.sign_up.set_a_password_option')}
disabled={signUpIdentifier === SignUpIdentifier.Username}
value={value ?? false}
disabled={requiredVerifySignUpIdentifiers.includes(signUpIdentifier)}
disabledTooltip={t('sign_in_exp.sign_up_and_sign_in.tip.verify_at_sign_up')}
disabledTooltip={t('sign_in_exp.sign_up_and_sign_in.tip.set_a_password')}
onChange={onChange}
/>
)}
/>
)}
{signUpIdentifier !== SignUpIdentifier.Username && (
<Controller
name="signUp.verify"
control={control}
render={({ field: { value, onChange } }) => (
<Checkbox
label={t('sign_in_exp.sign_up_and_sign_in.sign_up.verify_at_sign_up_option')}
value={value ?? false}
disabled={requiredVerifySignUpIdentifiers.includes(signUpIdentifier)}
disabledTooltip={t('sign_in_exp.sign_up_and_sign_in.tip.verify_at_sign_up')}
onChange={onChange}
/>
)}
/>
)}
</div>
</FormField>
)}
</>

4
packages/console/src/pages/SignInExperience/tabs/SignUpAndSignInTab/index.module.scss
View file

@ -13,7 +13,7 @@
.formFieldDescription {
font: var(--font-body-medium);
color: var(--color-text-secondary);
margin-bottom: _.unit(2);
margin: _.unit(1) 0 _.unit(2);
}
.socialOnlyDescription {
@ -21,7 +21,7 @@
color: var(--color-text-secondary);
}
.signUpAuthentication {
.selections {
> :not(:first-child) {
margin-top: _.unit(3);
}