mirror of
https://github.com/bitwarden/browser.git
synced 2024-10-02 04:48:57 +02:00
totp styling
This commit is contained in:
parent
741e142049
commit
46ca6ff71d
@ -254,6 +254,61 @@
|
|||||||
max-width: 20px;
|
max-width: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
&.totp {
|
||||||
|
.totp-code {
|
||||||
|
font-family: $font-family-monospace;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.totp-countdown {
|
||||||
|
margin: 3px 3px 0 0;
|
||||||
|
display: block;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
|
.totp-sec {
|
||||||
|
font-size: 0.85em;
|
||||||
|
position: absolute;
|
||||||
|
line-height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
svg {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
transform: rotate(-90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.totp-circle {
|
||||||
|
stroke: $brand-primary;
|
||||||
|
fill: none;
|
||||||
|
|
||||||
|
&.inner {
|
||||||
|
stroke-width: 3;
|
||||||
|
stroke-dasharray: 78.6;
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.outer {
|
||||||
|
stroke-width: 2;
|
||||||
|
stroke-dasharray: 88;
|
||||||
|
stroke-dashoffset: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.low {
|
||||||
|
.totp-sec, .totp-code {
|
||||||
|
color: $brand-danger;
|
||||||
|
}
|
||||||
|
|
||||||
|
.totp-circle {
|
||||||
|
stroke: $brand-danger;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.condensed .box-content-row, .box-content-row.condensed {
|
&.condensed .box-content-row, .box-content-row.condensed {
|
||||||
|
Loading…
Reference in New Issue
Block a user