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
@@ -22,9 +22,18 @@ defineProps({
 <style scoped>
 .article-grid {
  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 20px;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 18px;
  margin-top: 24px;
  margin-bottom: 48px;
 }
+
+@media (max-width: 768px) {
+  .article-grid {
+    grid-template-columns: 1fr;
+    gap: 14px;
+    margin-top: 18px;
+    margin-bottom: 28px;
+  }
+}
 </style>