Refactored layout. Added NavBar component.

2023-01-18 15:05:39 -08:00
parent fad38dc180
commit 1d9c3133f0
56 changed files with 601 additions and 429 deletions
--- a/components/layout/AppLayout.module.css
+++ b/components/layout/AppLayout.module.css
@@ -1,6 +1,16 @@
 .layout {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
+  display: grid;
+  grid-template-rows: 1fr;
+  grid-template-columns: minmax(60px, 200px) 1fr;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.nav {
+  grid-row: 1 / 3;
+}
+
+.body {
+  grid-area: 1 / 2;
+  overflow: auto;
 }