diff options
| author | Valentin Popov <valentin@popov.link> | 2024-09-13 01:38:34 +0300 |
|---|---|---|
| committer | Valentin Popov <valentin@popov.link> | 2024-09-13 01:38:34 +0300 |
| commit | 65ee69c64569a65c5768a3ca7993153aafe21478 (patch) | |
| tree | aeb5568c7c0d4566f5151cbff8200ad6e86a2ddf /src/components/Pagination | |
| parent | fd054f0fa494bfedf6fd8f9098a2a500be233afc (diff) | |
| download | popov.link-65ee69c64569a65c5768a3ca7993153aafe21478.tar.xz popov.link-65ee69c64569a65c5768a3ca7993153aafe21478.zip | |
Refactor Pagination component and add Next and Prev components
Diffstat (limited to 'src/components/Pagination')
| -rw-r--r-- | src/components/Pagination/Next.astro | 18 | ||||
| -rw-r--r-- | src/components/Pagination/Prev.astro | 18 |
2 files changed, 36 insertions, 0 deletions
diff --git a/src/components/Pagination/Next.astro b/src/components/Pagination/Next.astro new file mode 100644 index 0000000..1a95710 --- /dev/null +++ b/src/components/Pagination/Next.astro @@ -0,0 +1,18 @@ +--- +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 new file mode 100644 index 0000000..2454876 --- /dev/null +++ b/src/components/Pagination/Prev.astro @@ -0,0 +1,18 @@ +--- +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> |