Updated layout for settings pages.

2023-03-24 10:55:20 -07:00
parent 9260e5bc33
commit 43ef6884df
16 changed files with 124 additions and 81 deletions
--- a/components/layout/NavBar.module.css
+++ b/components/layout/NavBar.module.css
@@ -9,10 +9,21 @@
  padding: 0 20px;
 }

+.left,
+.right {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.right {
+  justify-content: flex-end;
+}
+
 .logo {
  display: flex;
+  flex-direction: row;
  align-items: center;
-  justify-content: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
@@ -55,3 +66,10 @@
  justify-content: flex-end;
  min-width: 0;
 }
+
+@media only screen and (max-width: 768px) {
+  .links,
+  .actions {
+    display: none;
+  }
+}