Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-27 21:39:16 -05:00
Code Issues Activity

style: update mfa-related styles (#4793)

Browse source
This commit is contained in:
Xiao Yijun 2023-10-31 15:30:51 +08:00 • committed by GitHub
parent 34f4d47bc6
commit c67f2c9361
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/console/src/ds-components/Switch/index.module.scss
View file

@ -46,12 +46,12 @@
}
input:disabled + .slider {
background-color: var(--color-disabled);
cursor: not-allowed;
}
input:disabled + .slider::before {
background-color: var(--color-specific-toggle-thumb-disabled);
box-shadow: unset;
}
}

11
packages/experience/src/pages/MfaBinding/BackupCodeBinding/index.module.scss
View file

@ -11,11 +11,12 @@
display: grid;
grid-template-columns: 1fr 1fr;
padding: _.unit(4);
font: var(--font-label-1);
font: var(--font-label-2);
text-align: center;
border-radius: var(--radius);
background-color: var(--color-bg-layer-2);
background-color: var(--color-bg-light);
color: var(--color-type-primary);
row-gap: _.unit(2);
}
.actions {
@ -27,3 +28,9 @@
font: var(--font-body-2);
color: var(--color-type-secondary);
}
:global(body.mobile) {
.backupCodes {
font: var(--font-label-1);
}
}

2
packages/experience/src/pages/MfaBinding/TotpBinding/SecretSection/index.module.scss
View file

@ -25,7 +25,7 @@
text-align: center;
font: var(--font-label-1);
border-radius: var(--radius);
background-color: var(--color-bg-layer-2);
background-color: var(--color-bg-light);
color: var(--color-type-primary);
margin-bottom: _.unit(3);
}

1
packages/experience/src/pages/MfaVerification/BackupCodeVerification/index.tsx
View file

@ -48,6 +48,7 @@ const BackupCodeVerification = () => {
>
<form onSubmit={onSubmitHandler}>
<InputField
autoComplete="off"
placeholder={t('input.backup_code')}
className={styles.backupCodeInput}
{...register('code')}

2
packages/experience/src/scss/_colors.scss
View file

@ -66,6 +66,7 @@
--color-bg-toast: var(--color-neutral-20);
--color-bg-state-unselected: var(--color-neutral-90);
--color-bg-state-disabled: rgba(25, 28, 29, 8%); // 8% --color-neutral-10
--color-bg-light: var(--color-neutral-95);
/* Brand */
// Note: System brand color. May be overwritten dynamically by js
@ -177,6 +178,7 @@
--color-bg-toast: var(--color-neutral-80);
--color-bg-state-unselected: var(--color-neutral-90);
--color-bg-state-disabled: rgba(247, 248, 248, 8%); // 8% --color-neutral-10
--color-bg-light: #f7f8f829;
/* Brand */

2
packages/toolkit/core-kit/scss/_console-themes.scss
View file

@ -159,6 +159,7 @@
--color-env-tag-staging: rgba(255, 185, 90, 35%);
--color-env-tag-production: rgba(131, 218, 133, 35%);
--color-specific-icon-bg: #f3effa;
--color-specific-toggle-off-enable: var(--color-neutral-90);
// Shadows
--shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);
@ -358,6 +359,7 @@
--color-env-tag-staging: rgba(235, 153, 24, 36%);
--color-env-tag-production: rgba(104, 190, 108, 36%);
--color-specific-icon-bg: rgba(247, 248, 248, 12%);
--color-specific-toggle-off-enable: var(--color-neutral-90);
// Shadows
--shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);