First commit

src/app/chat/chat.scss

@@ -0,0 +1,54 @@
+#layout {
+  display: grid;
+  grid-template-columns: 20% 80%;
+  height: 100svh;
+
+  #chatnav {
+    display: grid;
+    grid-template-columns: 25% 75%;
+
+    aside {
+      padding: 15px;
+
+      #mode_switcher {
+        position: absolute;
+        top: 10%;
+        display: flex;
+        flex-direction: column;
+        width: 50px;
+        height: 150px;
+
+        &::before {
+          height: 50px;
+        }
+
+        button {
+          height: 50px;
+        }
+      }
+
+      #bottom_btn {
+        position: absolute;
+        bottom: 2%;
+        width: 50px;
+        height: 50px;
+      }
+    }
+
+    main {
+      padding: 25px;
+    }
+  }
+
+  #content {
+    width: 100%;
+    padding: 10px;
+
+    #content_tint {
+      height: 100%;
+      border-radius: 20px;
+      background: var(--tui-background-base-alt);
+      padding: 15px;
+    }
+  }
+}