fixed fan formatting on smaller devices

This commit is contained in:
UpstreamData
2022-03-08 12:23:38 -07:00
parent 43834203a8
commit b3103ae700
2 changed files with 13 additions and 9 deletions

View File

@@ -37,17 +37,23 @@
<div class="row">
<div class="col-10">
<canvas id="line-chart" class="grad-border mt-3" width="600" height="360"></canvas>
<div class="col-12 line_chart">
<canvas id="line-chart" class="grad-border mt-3" width="600" height="200"></canvas>
</div>
<div class="col-2 mt-2">
<div class="d-flex justify-content-center" id="fan1">Fan 1</div>
<div class="col-3">
<div class="d-flex justify-content-center text-nowrap" id="fan1">Fan 1</div>
<canvas class="mb-2" id="fan-chart-1" width="100" height="100"></canvas>
<div class="d-flex justify-content-center" id="fan2">Fan 2</div>
</div>
<div class="col-3">
<div class="d-flex justify-content-center text-nowrap" id="fan2">Fan 2</div>
<canvas class="mb-2" id="fan-chart-2" width="100" height="100"></canvas>
<div class="d-flex justify-content-center" id="fan3">Fan 3</div>
</div>
<div class="col-3">
<div class="d-flex justify-content-center text-nowrap" id="fan3">Fan 3</div>
<canvas class="mb-2" id="fan-chart-3" width="100" height="100"></canvas>
<div class="d-flex justify-content-center" id="fan4">Fan 4</div>
</div>
<div class="col-3">
<div class="d-flex justify-content-center text-nowrap" id="fan4">Fan 4</div>
<canvas class="mb-2" id="fan-chart-4" width="100" height="100"></canvas>
</div>
</div>