ztimson/homefront
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

Fixed styling on both desktop and mobile

Browse Source
This commit is contained in:
Zakary Timson
2018-11-15 13:56:45 -05:00
parent 5a1d71758b
commit 647aa39085
4 changed files with 27 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/battery/battery.component.html
View File

@ -4,26 +4,26 @@
</h1>
<div class="d-flex flex-column flex-md-row" style="min-height: 400px">
<div class="flex-grow-1 flex-basis-0 mb-3" style="overflow: hidden; height: 400px">
<h5 class="pl-2">Charge</h5>
<ngx-charts-bar-vertical #chart1
[results]="batteryService.percentageData"
[scheme]="airScheme"
[xAxis]="true"
[yAxis]="true"
[yScaleMin]="0"
[yScaleMax]="100"
[results]="batteryService.percentageData"
[scheme]="airScheme"
[xAxis]="true"
[yAxis]="true"
[yScaleMin]="0"
[yScaleMax]="100"
></ngx-charts-bar-vertical>
</div>
<div class="flex-grow-1 flex-basis-0 mb-3" style="overflow: hidden; height: 400px">
<h5 class="pl-2">Temperature</h5>
<ngx-charts-bar-vertical #chart2
[results]="batteryService.temperatureData"
[scheme]="fireScheme"
schemeType="linear"
[xAxis]="true"
[yAxis]="true"
[yScaleMin]="0"
[yScaleMax]="100"
[results]="batteryService.temperatureData"
[scheme]="fireScheme"
schemeType="linear"
[xAxis]="true"
[yAxis]="true"
[yScaleMin]="0"
[yScaleMax]="100"
legendTitle="Temperature"
[legend]="!app.mobile"
></ngx-charts-bar-vertical>
</div>
</div>