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

More battery page styling

Browse Source
This commit is contained in:
Zakary Timson 2018-11-15 13:00:00 -05:00
parent c0a15a9950
commit 6d6fe18465
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,8 +1,9 @@
<div class="nav-fix"></div>
<h1>POWER WALL: <h1>POWER WALL:
<span *ngIf="batteryService.batteries.length" class="text-muted">{{batteryService.average * 100}}%</span> <span *ngIf="batteryService.batteries.length" class="text-muted">{{batteryService.average * 100}}%</span>
<span *ngIf="!batteryService.batteries.length" class="text-muted">UNKNOWN</span> <span *ngIf="!batteryService.batteries.length" class="text-muted">UNKNOWN</span>
</h1> </h1>
<div class="d-flex flex-column flex-md-row"> <div class="d-flex flex-column flex-md-row mb-3">
<div style="overflow: auto"> <div style="overflow: auto">
<ngx-charts-bar-vertical <ngx-charts-bar-vertical
[results]="batteryService.percentageData" [results]="batteryService.percentageData"
@ -27,9 +28,8 @@
></ngx-charts-bar-vertical> ></ngx-charts-bar-vertical>
</div> </div>
</div> </div>
<mat-card *ngFor="let b of batteryService.batteries" class="mt-3"> <mat-card *ngFor="let b of batteryService.batteries" class="mb-3">
{{b.name}} <h3>{{b.name}}</h3>
<br>
{{b.history[0].percentage * 100}}% {{b.history[0].percentage * 100}}%
<br> <br>
{{b.history[0].temp}} °C {{b.history[0].temp}} °C

5
src/styles.scss
View File

@ -35,6 +35,11 @@ html, body {
} }
} }
.nav-fix {
width: 100%;
height: 64px;
}
.center { .center {
position: fixed; position: fixed;
left: 50%; left: 50%;