TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-12 07:02:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(login): improve multifactor prompt (#4474)

Browse Source 
* login mfa improvements

* mfa toggles

* styles

* mfa styles

* go rel

* better translations for mfa u2f

* revert goreleaser format
This commit is contained in:
Max Peintner
2022-10-03 13:48:24 +02:00
committed by GitHub
parent c6bb797d58
commit f517077be3
17 changed files with 376 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css
View File

@@ -1129,6 +1129,45 @@ i {
padding: 0.5rem;
}
.lgn-mfa-options {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin: 2rem 0;
}
.lgn-mfa-options .mfa {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
padding: 0 0.5rem;
}
.lgn-mfa-options .mfa input[type=radio] + label {
display: flex;
flex-direction: column;
align-items: center;
}
.lgn-mfa-options .mfa input[type=radio] + label span {
text-align: center;
}
.lgn-mfa-options .mfa input[type=radio] + label .mfa-img {
border: 1px solid var(--zitadel-color-input-border);
border-radius: 0.5rem;
padding: 1rem;
display: flex;
margin-bottom: 0.5rem;
transition: all 0.2s ease;
}
.lgn-mfa-options .mfa input[type=radio] + label .mfa-img:hover {
border: 1px solid var(--zitadel-color-input-border-active);
}
.lgn-mfa-options .mfa input[type=radio] {
display: none;
}
.lgn-mfa-options .mfa input[type=radio]:checked + label .mfa-img {
border: 1px solid var(--zitadel-color-primary);
}
footer {
width: 100%;
box-sizing: border-box;
@@ -2053,6 +2092,45 @@ i {
padding: 0.5rem;
}
.lgn-mfa-options {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin: 2rem 0;
}
.lgn-mfa-options .mfa {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
padding: 0 0.5rem;
}
.lgn-mfa-options .mfa input[type=radio] + label {
display: flex;
flex-direction: column;
align-items: center;
}
.lgn-mfa-options .mfa input[type=radio] + label span {
text-align: center;
}
.lgn-mfa-options .mfa input[type=radio] + label .mfa-img {
border: 1px solid var(--zitadel-color-input-border);
border-radius: 0.5rem;
padding: 1rem;
display: flex;
margin-bottom: 0.5rem;
transition: all 0.2s ease;
}
.lgn-mfa-options .mfa input[type=radio] + label .mfa-img:hover {
border: 1px solid var(--zitadel-color-input-border-active);
}
.lgn-mfa-options .mfa input[type=radio] {
display: none;
}
.lgn-mfa-options .mfa input[type=radio]:checked + label .mfa-img {
border: 1px solid var(--zitadel-color-primary);
}
@font-face {
font-family: Aileron;
src: url(../../../fonts/ailerons/ailerons.otf) format("opentype");
@@ -2947,4 +3025,15 @@ ul li i.lgn-valid {
background-color: var(--zitadel-color-success-background);
}
.lgn-mfa-options .mfa input[type=radio] + label .mfa-img {
border: 1px solid var(--zitadel-color-input-border);
background-color: var(--zitadel-color-input-background);
}
.lgn-mfa-options .mfa input[type=radio] + label .mfa-img:hover {
border: 1px solid var(--zitadel-color-input-border-hover);
}
.lgn-mfa-options .mfa input[type=radio]:checked + label .mfa-img {
border: 1px solid var(--zitadel-color-primary);
}
/*# sourceMappingURL=zitadel.css.map */

2
internal/api/ui/login/static/resources/themes/zitadel/css/zitadel.css.map
View File

File diff suppressed because one or more lines are too long