fix(style): responsive home layout and admin tables

src/views/HomeView.vue

@@ -99,4 +99,15 @@ watch(
 .hint-text {
   color: var(--ac-text-disabled);
 }
+
+@media (max-width: 640px) {
+  .home-layout {
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  .home-sidebar {
+    width: 100%;
+  }
+}
 </style>

src/views/admin/ArticleListView.vue

@@ -324,4 +324,11 @@ onMounted(load)
 .hint-text {
   color: var(--ac-text-disabled);
 }
+
+@media (max-width: 640px) {
+  .article-table {
+    display: block;
+    overflow-x: auto;
+  }
+}
 </style>

src/views/admin/CommentReviewView.vue

@@ -253,4 +253,11 @@ onMounted(load)
 .hint-text {
   color: var(--ac-text-disabled);
 }
+
+@media (max-width: 640px) {
+  .comment-table {
+    display: block;
+    overflow-x: auto;
+  }
+}
 </style>

src/views/admin/TagListView.vue

@@ -260,4 +260,11 @@ onMounted(load)
 .hint-text {
   color: var(--ac-text-disabled);
 }
+
+@media (max-width: 640px) {
+  .tag-table {
+    display: block;
+    overflow-x: auto;
+  }
+}
 </style>

src/views/admin/UserListView.vue

@@ -263,4 +263,11 @@ onMounted(load)
 .hint-text {
   color: var(--ac-text-disabled);
 }
+
+@media (max-width: 640px) {
+  .user-table {
+    display: block;
+    overflow-x: auto;
+  }
+}
 </style>