scinote-web/app/assets/stylesheets/settings/users.scss

129 lines
1.8 KiB
SCSS
Raw Normal View History

2019-11-12 18:26:18 +08:00
@import "constants";
@import "mixins";
2020-07-07 21:59:02 +08:00
.user-settings {
.settings-row {
margin-top: 2em;
.user-attribute {
align-items: center;
display: flex;
.btn {
margin-left: auto;
}
}
}
.user-settings-block {
display: block;
margin-bottom: 20px;
}
.two-factor-container {
border: $border-default;
column-gap: 1em;
display: grid;
grid-template-columns: auto fit-content;
margin: 1em 0;
padding: 1em;
row-gap: .5em;
.title {
@include font-main;
flex-basis: 100%;
grid-column: 1 / span 2;
.enabled {
@include font-button;
color: $brand-success;
}
}
.btn {
align-self: end;
}
}
2019-11-12 18:31:26 +08:00
}
2020-07-07 18:59:48 +08:00
2020-07-07 21:59:02 +08:00
2020-07-07 18:59:48 +08:00
.two-factor-modal {
.two-factor-apps {
align-items: center;
display: flex;
margin: 2em 0;
.app {
align-items: center;
display: flex;
margin: 2em 0;
.app-information {
margin-left: 1.5em;
.app-name {
@include font-h3;
}
}
.store {
margin-right: 1em;
}
}
.apps-list {
flex-shrink: 0;
z-index: 2;
}
.install-mobile {
margin-left: -150px;
}
}
.modal-footer {
text-align: center;
}
.tab-footer {
text-align: center;
}
.qr-code {
display: flex;
justify-content: center;
padding: 4em;
}
2020-07-09 23:01:00 +08:00
.verified-label {
color: $brand-success;
margin-top: 0;
}
.recovery-codes {
@include font-h3;
line-height: 2em;
text-align: center;
}
2020-07-07 18:59:48 +08:00
}
2020-07-07 21:59:02 +08:00
@media (max-width: 700px) {
.user-settings {
.two-factor-container {
grid-template-columns: auto;
.title {
grid-column: 1;
}
}
}
.two-factor-modal {
.install-mobile {
display: none;
}
}
}