Dash

Meter row

name, bar, amount. used for disks and gpus.

dash.meowda.xyz

Examples

Disks

/610 / 1000 GiB

/data3.8 / 4 TiB

/backup1.2 / 4 TiB

<div class="dash-card">
  <h2>Disks</h2>
  <div class="dash-row">
    <span class="nm">/</span>
    <span class="dash-meter">
      <i style="width:61%"></i>
    </span>
    <span class="amt">610 / 1000 GiB</span>
  </div>
  <div class="dash-row">
    <span class="nm">/data</span>
    <span class="dash-meter hot">
      <i style="width:96%"></i>
    </span>
    <span class="amt">3.8 / 4 TiB</span>
  </div>
  <div class="dash-row">
    <span class="nm">/backup</span>
    <span class="dash-meter mem">
      <i style="width:30%"></i>
    </span>
    <span class="amt">1.2 / 4 TiB</span>
  </div>
</div>

Classes

Class	What it does
`.dash-row`	84px, 1fr, 130px grid
`.nm / .amt`	name and amount cells