优化移动端侧边栏

themes/butterfly/source/css/nav.css

@@ -175,6 +175,41 @@
   background: rgba(255, 255, 255, 0.05); 
 }
 
+@media screen and (max-width: 768px) {
+  #ls-menu-container.ls-mobile-safe {
+    position: static !important;
+    padding: 0 10px;
+  }
+
+  #ls-menu-panel.ls-mobile-safe-panel {
+    position: fixed !important;
+    top: 70px !important;
+    left: 12px !important;
+    right: 12px !important;
+    width: auto !important;
+    max-width: calc(100vw - 24px) !important;
+    max-height: calc(100vh - 94px) !important;
+    margin-top: 0 !important;
+    overflow-y: auto;
+    overflow-x: hidden;
+    border-radius: 16px;
+  }
+
+  #ls-menu-panel.ls-mobile-safe-panel::before {
+    display: none;
+  }
+
+  #ls-menu-panel.ls-mobile-safe-panel .ls-grid {
+    grid-template-columns: 1fr;
+    gap: 8px;
+  }
+
+  #ls-menu-panel.ls-mobile-safe-panel .ls-grid a {
+    min-width: 0;
+    padding: 10px;
+  }
+}
+
 #nav.show-title .nav-page-title {
   display: flex !important;
   opacity: 1 !important;
@@ -200,4 +235,4 @@
 
 #nav #blog-info {
   overflow: visible !important;
-}
+}