diff options
author | Valentin Popov <valentin@popov.link> | 2024-09-12 19:36:57 +0300 |
---|---|---|
committer | Valentin Popov <valentin@popov.link> | 2024-09-12 19:36:57 +0300 |
commit | 3376c53b2ee91041d5eaa0f9274da0affd7d4a9d (patch) | |
tree | a6b1e66a7e7f185128870b8f0ed671e2d7630f0e /src/components/PostPagination.astro | |
parent | 0b57b888caf8817ff4992c59ed40ed29bee34fd4 (diff) | |
download | popov.link-3376c53b2ee91041d5eaa0f9274da0affd7d4a9d.tar.xz popov.link-3376c53b2ee91041d5eaa0f9274da0affd7d4a9d.zip |
Refactor Astro components and layouts
Diffstat (limited to 'src/components/PostPagination.astro')
-rw-r--r-- | src/components/PostPagination.astro | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/src/components/PostPagination.astro b/src/components/PostPagination.astro deleted file mode 100644 index 6ae6bef..0000000 --- a/src/components/PostPagination.astro +++ /dev/null @@ -1,47 +0,0 @@ ---- -const { prevPost, nextPost } = Astro.props; ---- - -<style lang="scss"> - .pagination { - overflow: hidden; - padding: 5rem 0; - width: 100%; - } - - @media (width <=684px) { - .pagination { - padding: 2rem 0; - } - } - - .prev, - .next { - max-width: 40%; - } - - .prev { - float: left; - } - - .next { - float: right; - } -</style> - -<div class="pagination"> - { - prevPost && ( - <span class="prev"> - <a href={`/blog/${prevPost.slug}`}>< {prevPost.data.title}</a> - </span> - ) - } - { - nextPost && ( - <span class="next"> - <a href={`/blog/${nextPost.slug}`}>{nextPost.data.title} ></a> - </span> - ) - } -</div> |