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/SettingsLayout.module.css
+++ b/components/layout/SettingsLayout.module.css
@@ -1,23 +1,13 @@
-.container {
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  grid-template-rows: 1fr;
-}
-
 .menu {
  display: flex;
  flex-direction: column;
-  width: 200px;
-  padding: 40px 0;
-  margin-right: 20px;
+  padding-top: 40px;
 }

 .content {
-  display: flex;
-  flex-direction: column;
+  min-height: 50vh;
 }

-.menu.hidden {
-  visibility: hidden;
-  width: 0;
+.hideMenu .content {
+  margin: 0 auto;
 }