Create tech ui card css to replace material cards

This commit is contained in:
Jesse Lucas
2020-03-29 16:51:12 -04:00
parent 7aca2bcbc0
commit 7226a87c6d
4 changed files with 29 additions and 17 deletions
@@ -1,6 +1,6 @@
<mat-card class="{{elevation}}">
<mat-card-title>Devices</mat-card-title>
<mat-card-content>
<div class="{{elevation}} tui-card">
<div class="tui-card-title">Devices</div>
<div class="tui-card-content">
<div fxLayout="row" fxLayoutAlign="space-between start">
<app-donut-chart [elementID]="chartID"></app-donut-chart>
<div class="items" fxLayout="column" fxLayoutAlign="space-evenly end">
@@ -8,5 +8,5 @@
</app-chart-item>
</div>
</div>
</mat-card-content>
</mat-card>
</div>
</div>
@@ -1,6 +1,6 @@
<mat-card class="{{elevation}}">
<mat-card-title>Folders</mat-card-title>
<mat-card-content>
<div class="{{elevation}} tui-card">
<div class="tui-card-title">Folders</div>
<div class="tui-card-content">
<div fxLayout="row" fxLayoutAlign="space-between start">
<app-donut-chart [elementID]="chartID"></app-donut-chart>
<div class="items" fxLayout="column" fxLayoutAlign="space-evenly end">
@@ -8,5 +8,5 @@
</app-chart-item>
</div>
</div>
</mat-card-content>
</mat-card>
</div>
</div>
@@ -1,10 +1,10 @@
<mat-card class="{{elevation}}">
<div class="{{elevation}} tui-card">
<div fxLayout="row" fxLayoutAlign="space-between start">
<mat-card-title>Status</mat-card-title>
<app-list-toggle (listTypeEvent)="onToggle($event)"></app-list-toggle>
<div class="tui-card-title">Status</div>
<app-list-toggle (listTypeEvent)="onToggle($event)" class="tui-card-content"></app-list-toggle>
</div>
<mat-card-content>
<div class="tui-card-content">
<app-folder-list *ngIf="currentListType===listType.Folders"></app-folder-list>
<app-device-list *ngIf="currentListType===listType.Devices"></app-device-list>
</mat-card-content>
</mat-card>
</div>
</div>