Add display to the capacity panel (closes #95)

This commit is contained in:
Oliver-Akins 2024-03-08 21:19:00 -07:00
parent e6e392d7e5
commit c525c1390b
2 changed files with 13 additions and 0 deletions

View file

@ -55,4 +55,13 @@
} }
} }
.capacity-panel {
display: grid;
grid-template-columns: 1fr 30px min-content 30px;
.used, .total {
text-align: center;
}
}
} }

View file

@ -7,6 +7,10 @@
</div> </div>
<div class="e-1dp panel capacity-panel"> <div class="e-1dp panel capacity-panel">
<h2>Capacity</h2> <h2>Capacity</h2>
{{!-- This will need some aria love --}}
<span class="used">X</span>
<span>/</span>
<span class="total">Y</span>
</div> </div>
<div class="e-1dp panel bytes-panel"> <div class="e-1dp panel bytes-panel">
<label <label