support dark mode and add custom card component

2020-04-09 13:01:06 -04:00
parent 89c53c508b
commit 6e1828ff63
11 changed files with 185 additions and 63 deletions
@@ -1,6 +1,6 @@
-<div class="{{elevation}} tui-card">
-    <div class="tui-card-title">{{title | uppercase}}</div>
-    <div class="tui-card-content">
+<app-card>
+    <app-card-title>{{title | uppercase}}</app-card-title>
+    <app-card-content>
        <div fxLayout="row" fxLayoutAlign="space-between stretch">
            <app-donut-chart [elementID]="chartID" fxFlex="30" [title]="title" (stateEvent)="onItemSelect($event)">
            </app-donut-chart>
@@ -10,5 +10,5 @@
                </app-chart-item>
            </div>
        </div>
-    </div>
-</div>
+    </app-card-content>
+</app-card>