luxolus
/
open-nomad
2
0
Fork 0
Code Issues 1 Pull Requests Packages Releases Wiki Activity

Refactor metrics styles to allow for standalone metrics

This commit is contained in:
Michael Lange 2020-05-08 17:27:12 -07:00
parent 3d7e3e6b9c
commit 61a693c656
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
ui/app/styles/components/metrics.scss
View File

@ -6,7 +6,6 @@
.metric {
padding: 0.75em 1em;
border: 1px solid $grey-blue;
text-align: center;
display: flex;
flex-direction: column;
min-width: 120px;
@ -50,15 +49,25 @@
}
}
.label {
font-size: 1.1em;
font-weight: $weight-semibold;
margin-bottom: 0;
}
.value {
font-size: 2em;
margin-bottom: 0;
&.is-hollow {
border-color: transparent;
background: transparent;
}
}
}
.metric {
text-align: center;
.label {
font-size: 1.1em;
font-weight: $weight-semibold;
margin-bottom: 0;
}
.value {
font-size: 2em;
margin-bottom: 0;
line-height: 1;
}
}