style: 优化移动端ui

2026-08-15 21:48:37 +08:00
parent 80d461f0e2
commit 390437b4bb
3 changed files with 9 additions and 3 deletions
--- a/src/components/IndexPage.astro
+++ b/src/components/IndexPage.astro
@@ -80,8 +80,8 @@ const {posts, page, totalPage} = Astro.props
  }

  @media (max-width: 640px) {
-    .page-content {
-      gap: 24px;
+    .intro{
+      padding-bottom: 24px;
    }

    footer {
--- a/src/components/PageHeader.astro
+++ b/src/components/PageHeader.astro
@@ -31,7 +31,7 @@ const {siteTitle} = siteConfig;

  @media (max-width: 640px) {
    header {
-      margin-top: 24px;
+      margin-top: 12px;
      margin-bottom: 0;
    }
  }
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -45,4 +45,10 @@ const pageTitle = title ? `${title} - ${siteTitle}` : siteTitle;
    height: 100%;
    min-height: 100%;
  }
+
+  @media (max-width: 640px) {
+    .container {
+      padding: 16px;
+    }
+  }
 </style>