diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/Pagination.astro | 27 | ||||
-rw-r--r-- | src/components/Pagination/Next.astro | 18 | ||||
-rw-r--r-- | src/components/Pagination/Prev.astro | 18 |
3 files changed, 19 insertions, 44 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> diff --git a/src/components/Pagination/Next.astro b/src/components/Pagination/Next.astro deleted file mode 100644 index 1a95710..0000000 --- a/src/components/Pagination/Next.astro +++ /dev/null @@ -1,18 +0,0 @@ ---- -type Props = { - readonly url: string; -}; - -const { url } = Astro.props; ---- - -<style lang="scss"> - span { - float: right; - max-width: 40%; - } -</style> - -<span> - <a href={url}>Next ></a> -</span> diff --git a/src/components/Pagination/Prev.astro b/src/components/Pagination/Prev.astro deleted file mode 100644 index 2454876..0000000 --- a/src/components/Pagination/Prev.astro +++ /dev/null @@ -1,18 +0,0 @@ ---- -type Props = { - readonly url: string; -}; - -const { url } = Astro.props; ---- - -<style lang="scss"> - span { - float: left; - max-width: 40%; - } -</style> - -<span> - <a href={url}>< Prev</a> -</span> |