style: 调整移动端视觉

2026-08-14 22:40:26 +08:00
parent 555135aedb
commit d7bbb7b70b
5 changed files with 19 additions and 14 deletions
--- a/src/components/Post/Pagination.astro
+++ b/src/components/Post/Pagination.astro
@@ -24,9 +24,10 @@ const {page, totalPage} = Astro.props
 <style>
  /* ========== 分页 ========== */
  .pagination {
-    display: flex;
-    justify-content: center;
-    gap: 8px;
+    width: 100%;
+    text-align: center;
+    white-space: nowrap;
+    overflow-x: auto;
  }

  .link {
@@ -42,6 +43,12 @@ const {page, totalPage} = Astro.props
    font-size: 14px;
    color: var(--text-secondary);
    transition: all 0.2s;
+    white-space: nowrap;
+    margin-left: 8px;
+  }
+
+  .link:first-child {
+    margin-left: 0;
  }

  .link:hover,