Style for the new sensors web plugin
This commit is contained in:
parent
fb4af87967
commit
0dac122db5
2 changed files with 3 additions and 4 deletions
|
@ -13,14 +13,13 @@
|
||||||
.body {
|
.body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border: $default-border-3;
|
|
||||||
border-radius: 2rem;
|
|
||||||
margin: 2rem auto;
|
margin: 2rem auto;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
|
||||||
.metric {
|
.metric {
|
||||||
|
margin-bottom: .75rem;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
border-bottom: $default-border-3;
|
border: $default-border-3;
|
||||||
border-radius: 2rem;
|
border-radius: 2rem;
|
||||||
|
|
||||||
&:nth-child(odd) { background: rgba(255, 255, 255, 0.0); }
|
&:nth-child(odd) { background: rgba(255, 255, 255, 0.0); }
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<sensor-metric v-for="value, name in metrics"
|
<sensor-metric v-for="value, name in metrics"
|
||||||
:key="name"
|
:key="name"
|
||||||
:name="name"
|
:name="name[0].toUpperCase() + name.slice(1)"
|
||||||
:value="value">
|
:value="value">
|
||||||
</sensor-metric>
|
</sensor-metric>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue