even better menu bar

JackalLabs · Jul 17, 2024 · c21e68f · c21e68f
1 parent cbc40bc
commit c21e68f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/gen/styles/global.css b/gen/styles/global.css
@@ -29,7 +29,7 @@ html, body {
     justify-content: space-between;
     align-items: flex-end;
 
-    padding-left: calc(24px + 1rem);
+    padding-left: 16px;
     padding-right: 100px;
 }
 
@@ -96,8 +96,8 @@ html, body {
     padding-bottom: 64px;
 }
 
-#page > p {
-    margin-bottom: 36px;
+#page > h2 {
+    margin-top: 36px;
 }
 
 #navbar > li, #navbar > ul {

diff --git a/gen/styles/layout.css b/gen/styles/layout.css
@@ -2,14 +2,14 @@
 #menu {
     display: none;
     position: absolute;
-    right: calc(24px + 1rem);
-    top: 1.75rem;
+    right: 16px;
+    top: 1rem;
 
     background-color: #00000000;
     border: none;
     padding-top: 4px;
     padding-bottom: 4px;
-    font-size: 32px;
+    font-size: 24px;
     color: var(--background);
     width: min-content;
 }
@@ -40,7 +40,7 @@
     #navbar {
         box-sizing: border-box;
         position: absolute;
-        top: 5rem;
+        top: 3.95rem;
         left: 0;
         width: 100vw;
         height: 0vh;
@@ -61,7 +61,7 @@
         color: var(--text);
     }
     #navbar.open {
-        height: calc(100vh - 5rem);
+        height: calc(100vh - 3.95rem);
         overflow-y: scroll;
     }
     #navbar.open > *:last-child {
@@ -76,7 +76,7 @@
         padding-left: 0px;
         padding-right: 0px;
 
-        padding-top: 96px;
+        padding-top: 68px;
 
         margin-left: auto;
         margin-right: auto;
@@ -90,7 +90,7 @@
         top: 0px;
         left: 0px;
         width: 100vw;
-        height: 80px;
+        height: 4rem;
     }
 
 }