diff --git a/src/components/Post/Item.astro b/src/components/Post/Item.astro index d806112..aad7de3 100644 --- a/src/components/Post/Item.astro +++ b/src/components/Post/Item.astro @@ -142,10 +142,6 @@ const published_at = formatDatetime(post.published_at, 'YYYY-MM-DD') } @media (max-width: 860px) { - .post-list { - gap: 16px; - } - .post-card { padding: 16px; gap: 12px; @@ -172,7 +168,7 @@ const published_at = formatDatetime(post.published_at, 'YYYY-MM-DD') } .post-title { - font-size: 16px; + font-size: 14px; margin-bottom: 4px; } @@ -181,11 +177,6 @@ const published_at = formatDatetime(post.published_at, 'YYYY-MM-DD') font-size: 12px; } - .post-cover { - width: 100px; - height: 62px; - } - .post-summary { font-size: 12px; margin-bottom: 6px; diff --git a/src/components/Post/List.astro b/src/components/Post/List.astro index 3fc0dee..80b39c3 100644 --- a/src/components/Post/List.astro +++ b/src/components/Post/List.astro @@ -28,4 +28,10 @@ const {posts} = Astro.props flex-direction: column; gap: 20px; } + + @media (max-width: 860px){ + .post-list{ + gap: 12px; + } + } diff --git a/src/components/Post/Pagination.astro b/src/components/Post/Pagination.astro index 3d8f61b..bd46efc 100644 --- a/src/components/Post/Pagination.astro +++ b/src/components/Post/Pagination.astro @@ -24,9 +24,10 @@ const {page, totalPage} = Astro.props