Update style.css

jerrylovescheese · Aug 24, 2023 · fca316c · fca316c
1 parent b8d17cf
commit fca316c
Showing 1 changed file with 33 additions and 9 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -9,52 +9,76 @@ body {
 }
 
 @media (max-height: 768px) {
+    .navigation-bar {
+        width: 80px !important;
+        height: 80px !important;
+        background-size: 60px 60px !important;
+        background-position: 10px 10px !important;
+        position: fixed !important;
+        top: 30px !important;
+        left: 30px !important;
+    }
+
+    .navigation-bar:focus-within {
+        top: 0 !important;
+        left: 0 !important;
+        width: 360px !important;
+        height: 100vh !important;
+        border-top-left-radius: 0 !important;
+        border-bottom-left-radius: 0 !important;
+        border-top-right-radius: 15px !important;
+        border-bottom-right-radius: 15px !important;
+        background-position: 40px 40px !important;
+    }
+
     #link-list-1 {
         display: flex !important;
+        margin-top: 120px !important;
     }
 
     #link-list-1>li {
         padding: 10px !important;
+        margin-bottom: 0 !important;
     }
 
     #link-list-2 {
         margin-top: 0px !important;
     }
 
     #sublist-1 {
-        top: 255px !important;
+        top: 225px !important;
     }
 
     #sublist-2 {
-        top: 295px !important;
+        top: 265px !important;
     }
 
     #sublist-3 {
-        top: 335px !important;
+        top: 305px !important;
     }
 
     #sublist-4 {
-        top: 375px !important;
+        top: 345px !important;
     }
 
     #sublist-5 {
-        top: 415px !important;
+        top: 385px !important;
     }
 
     #sublist-6 {
-        top: 455px !important;
+        top: 425px !important;
     }
 
     #sublist-7 {
-        top: 495px !important;
+        top: 465px !important;
     }
 
     #sublist-8 {
-        top: 435px !important;
+        top: 410px !important;
     }
 
     #sublist-9 {
-        top: 450px !important;
+        top: 420px !important;
     }
 }