2020-10-18 10:48:12 -07:00
|
|
|
.totp-setup {
|
|
|
|
&__card {
|
|
|
|
background: var(--primary);
|
|
|
|
padding: 10px;
|
|
|
|
border-radius: 5px;
|
2020-10-23 11:45:06 -07:00
|
|
|
|
|
|
|
min-width: 256px;
|
|
|
|
max-width: 256px;
|
|
|
|
width: 100%;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__card-container {
|
|
|
|
min-width: 276px;
|
|
|
|
max-width: 276px;
|
|
|
|
width: 100%;
|
|
|
|
padding: 0;
|
2020-10-18 10:48:12 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
&__qr {
|
|
|
|
background: white;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__text {
|
|
|
|
background: #000;
|
|
|
|
color: #fff;
|
|
|
|
margin: 10px 0 0 0;
|
|
|
|
padding: 5px;
|
|
|
|
border-radius: 5px;
|
|
|
|
|
|
|
|
code {
|
2020-10-23 11:45:06 -07:00
|
|
|
display: block;
|
2020-10-18 10:48:12 -07:00
|
|
|
color: var(--warning);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&__code-field {
|
|
|
|
font-family: "Monaco", "Inconsolata", "Cascadia Code", "Consolas", monospace;
|
2020-10-18 11:49:30 -07:00
|
|
|
width: 86px;
|
2020-10-18 10:48:12 -07:00
|
|
|
}
|
|
|
|
}
|