Marcin Wojas
85 lines
1.4 KiB
SCSS
85 lines
1.4 KiB
SCSS
@import "../common/PredefinedMixins.scss";
|
|
@import "./partial.scss";
|
|
@import "./Variables.scss";
|
|
|
|
.mfa-content {
|
|
@include partial-column-center;
|
|
padding: 20px;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
|
|
//.field:first-child {
|
|
// padding-top: 0;
|
|
//}
|
|
|
|
.mfa-qrcode {
|
|
border: $signIn_field_border;
|
|
margin-bottom: 10px;
|
|
img {
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
}
|
|
|
|
.field {
|
|
@include partial-row-center-start;
|
|
position: relative;
|
|
width: 300px;
|
|
height: 40px;
|
|
margin-bottom: 10px;
|
|
border-radius: 2px;
|
|
border: $signIn_field_border;
|
|
background-color: $signIn_field_bg;
|
|
|
|
.sign-text {
|
|
width: 100% !important;
|
|
}
|
|
|
|
&.focused {
|
|
background-color: $signIn_field_focused_bg;
|
|
color: $signIn_field_focused_fg;
|
|
}
|
|
}
|
|
|
|
.s-action
|
|
{
|
|
@include partial-row-center-end;
|
|
justify-content: space-around;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
flex-shrink: 0;
|
|
min-height: 40px;
|
|
|
|
&.s-minimalistic {
|
|
min-height: 36px;
|
|
height: 36px;
|
|
}
|
|
|
|
.s-login-actions {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mfa-content-premium {
|
|
.field {
|
|
width: 80%;
|
|
height: 50px;
|
|
border-radius: 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.s-content {
|
|
width: 80%;
|
|
}
|
|
|
|
.s-action {
|
|
width: 80%;
|
|
}
|
|
}
|