style(theme): enhance visual design and mobile responsiveness

2026-03-16 00:26:59 +08:00
parent 600dc0fd5b
commit 57c662aa2f
7 changed files with 190 additions and 55 deletions
@@ -7,8 +7,16 @@
 <style scoped>
 .nav-grid {
  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 16px;
-  margin: 20px 0;
+  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  gap: 18px;
+  margin: 24px 0 28px;
+}
+
+@media (max-width: 768px) {
+  .nav-grid {
+    grid-template-columns: 1fr;
+    gap: 14px;
+    margin: 18px 0 24px;
+  }
 }
 </style>