diff options
| author | Valentin Popov <valentin@popov.link> | 2024-09-13 03:26:08 +0300 |
|---|---|---|
| committer | Valentin Popov <valentin@popov.link> | 2024-09-13 03:26:08 +0300 |
| commit | 5217bcb24ceac2e7d441586edc56feba60b482a9 (patch) | |
| tree | 9e8f10a6183fc19daa94dcc798567a23b7b641a1 /src/components/Pagination.astro | |
| parent | 4a821edd509151769ad0a67ac520653ae374f73c (diff) | |
| download | popov.link-5217bcb24ceac2e7d441586edc56feba60b482a9.tar.xz popov.link-5217bcb24ceac2e7d441586edc56feba60b482a9.zip | |
Refactor Pagination component to update page size in getStaticPaths
Diffstat (limited to 'src/components/Pagination.astro')
| -rw-r--r-- | src/components/Pagination.astro | 27 |
1 files changed, 19 insertions, 8 deletions
diff --git a/src/components/Pagination.astro b/src/components/Pagination.astro index 835ea2d..0d656df 100644 --- a/src/components/Pagination.astro +++ b/src/components/Pagination.astro @@ -1,7 +1,4 @@ --- -import Next from "./Pagination/Next.astro"; -import Prev from "./Pagination/Prev.astro"; - type Props = { readonly nextUrl?: string; readonly prevUrl?: string; @@ -12,13 +9,27 @@ const { nextUrl, prevUrl } = Astro.props; <style lang="scss"> div { - overflow: hidden; - padding: 3rem 0; - width: 100%; + text-align: center; + } + + span { + margin: 0 2em; } </style> <div> - {prevUrl && <Prev url={prevUrl} />} - {nextUrl && <Next url={nextUrl} />} + { + prevUrl && ( + <span> + <a href={prevUrl}>< Prev</a> + </span> + ) + } + { + nextUrl && ( + <span> + <a href={nextUrl}>Next ></a> + </span> + ) + } </div> |