From fca316c1b5a7455938233f9b19c9ae196143679c Mon Sep 17 00:00:00 2001
From: jerrylovescheese <jerrylovesapple@icloud.com>
Date: Thu, 24 Aug 2023 08:09:20 +0800
Subject: [PATCH] Update style.css

---
 static/css/style.css | 42 +++++++++++++++++++++++++++++++++---------
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 29ec648..55760dd 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -9,12 +9,36 @@ 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 {
@@ -22,39 +46,39 @@ body {
     }
 
     #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;
     }
 }