Create tech ui card css to replace material cards
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user