start of dashboard component with flexbox

2020-03-15 17:19:57 -04:00
parent ce2c6c01da
commit ad2902b3ee
10 changed files with 104 additions and 33 deletions
@@ -0,0 +1,21 @@
+<div class="grid-container" gdAreas="header header | folders devices | status-list status-list | footer footer"
+  gdGap="16px" gdRows="auto auto auto">
+  <div gdArea="header">
+    <h1>Tech UI</h1>
+  </div>
+  <div gdArea="folders">
+    <mat-card>
+      <mat-card-title>Folders</mat-card-title>
+      <mat-card-content></mat-card-content>
+    </mat-card>
+  </div>
+  <div gdArea="devices">
+    <mat-card>
+      <mat-card-title>Devices</mat-card-title>
+      <mat-card-content></mat-card-content>
+    </mat-card>
+  </div>
+  <app-status-list gdArea="status-list"></app-status-list>
+  <div gdArea="footer">
+  </div>
+</div>