style(ui): update homepage styling and improve navigation cards

2026-03-16 00:53:29 +08:00
parent 57c662aa2f
commit 8cb13c70e3
4 changed files with 90 additions and 30 deletions
@@ -7,16 +7,22 @@
 <style scoped>
 .nav-grid {
  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
-  margin: 24px 0 28px;
+  margin: 20px 0 26px;
 }

-@media (max-width: 768px) {
+@media (min-width: 1400px) {
+  .nav-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 900px) {
  .nav-grid {
    grid-template-columns: 1fr;
-    gap: 14px;
-    margin: 18px 0 24px;
+    gap: 12px;
+    margin: 16px 0 22px;
  }
 }
 </style>