50 lines
751 B
SCSS
50 lines
751 B
SCSS
%totp-input {
|
|
font-family: "Monaco", "Inconsolata", "Cascadia Code", "Consolas", monospace;
|
|
width: 86px;
|
|
}
|
|
|
|
.totp-setup {
|
|
&__card {
|
|
background: var(--primary);
|
|
padding: 10px;
|
|
border-radius: 5px;
|
|
|
|
min-width: 256px;
|
|
max-width: 256px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
&__card-container {
|
|
min-width: 276px;
|
|
max-width: 276px;
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
&__qr {
|
|
background: white;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
&__text {
|
|
background: #000;
|
|
color: #fff;
|
|
margin: 10px 0 0 0;
|
|
padding: 5px;
|
|
border-radius: 5px;
|
|
|
|
code {
|
|
display: block;
|
|
color: var(--warning);
|
|
}
|
|
}
|
|
|
|
&__code-field {
|
|
@extend %totp-input;
|
|
}
|
|
}
|
|
|
|
#user_otp_attempt {
|
|
@extend %totp-input;
|
|
} |