This repository has been archived on 2023-12-17. You can view files and clone it, but cannot push or open issues or pull requests.
extension/ui/apps/dashboard/components/Progress.scss

56 lines
1.2 KiB
SCSS
Raw Permalink Normal View History

.progress {
padding-top: 19.5em;
border-radius: 1.75em;
min-width: 38em;
margin-top: 1em;
margin-left: 41vw;
margin-right: auto;
text-align: center;
display: flex;
flex-direction: column;
progress {
border-radius: 1.75em;
height: 24px;
background: #131313;
border: none;
width: 100%;
max-width: 100%;
&::-webkit-progress-bar, &::-moz-progress-bar {
background: #62C554;
box-shadow: inset 0 0 1em 1px black;
border-radius: 1.75em;
}
}
.status {
margin-top: 3em;
display: flex;
width: 100%;
max-width: 100%;
.status-text {
flex: 1;
color: #656565;
font-size: 10px;
line-height: 12.1px;
font-family: Inter;
font-weight: 700;
text-transform: uppercase;
text-align: left;
}
.status-percent {
flex: 1;
color: #D9D9D9;
font-size: 10px;
line-height: 12.1px;
font-family: Inter;
font-weight: 700;
text-align: right;
}
}
}