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>