diff options
Diffstat (limited to 'examples/blog-multiple-authors/src/components/Pagination.astro')
| -rw-r--r-- | examples/blog-multiple-authors/src/components/Pagination.astro | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/examples/blog-multiple-authors/src/components/Pagination.astro b/examples/blog-multiple-authors/src/components/Pagination.astro index 401931c07..8cc3941f6 100644 --- a/examples/blog-multiple-authors/src/components/Pagination.astro +++ b/examples/blog-multiple-authors/src/components/Pagination.astro @@ -1,44 +1,44 @@ --- export interface Props { - prevUrl: string; - nextUrl: string; + prevUrl: string; + nextUrl: string; } const { prevUrl, nextUrl } = Astro.props; --- +<div class="wrapper"> + <nav class="nav"> + <a class="prev" href={prevUrl || '#'} aria-label="Previous Page">Prev</a> + <a class="next" href={nextUrl || '#'} aria-label="Next Page">Next</a> + </nav> +</div> + <style lang="scss"> -.nav { - display: flex; - margin-right: auto; - margin-left: auto; - padding-top: 4rem; - padding-bottom: 4rem; -} + .nav { + display: flex; + margin-right: auto; + margin-left: auto; + padding-top: 4rem; + padding-bottom: 4rem; + } -.prev, -.next { - display: block; - text-transform: uppercase; - font-size: 0.8em; + .prev, + .next { + display: block; + text-transform: uppercase; + font-size: 0.8em; - &[href="#"] { - display: none; - } -} + &[href='#'] { + display: none; + } + } -.prev { - margin-right: auto; -} + .prev { + margin-right: auto; + } -.next { - margin-left: auto; -} + .next { + margin-left: auto; + } </style> - -<div class="wrapper"> - <nav class="nav"> - <a class="prev" href={prevUrl || '#'} aria-label="Previous Page">Prev</a> - <a class="next" href={nextUrl || '#'} aria-label="Next Page">Next</a> - </nav> -</div> |