diff options
Diffstat (limited to 'examples/blog/src/components/Pagination.astro')
| -rw-r--r-- | examples/blog/src/components/Pagination.astro | 24 |
1 files changed, 15 insertions, 9 deletions
diff --git a/examples/blog/src/components/Pagination.astro b/examples/blog/src/components/Pagination.astro index 8e033c668..7b01e59b5 100644 --- a/examples/blog/src/components/Pagination.astro +++ b/examples/blog/src/components/Pagination.astro @@ -6,17 +6,21 @@ export let nextUrl: string; <style lang="scss"> .nav { display: flex; - max-width: 600px; - width: 100%; - margin-left: auto; margin-right: auto; - padding-left: 2rem; - padding-right: 2rem; + margin-left: auto; + padding-top: 4rem; + padding-bottom: 4rem; } .prev, .next { display: block; + text-transform: uppercase; + font-size: 0.8em; + + &[href="#"] { + display: none; + } } .prev { @@ -28,7 +32,9 @@ export let nextUrl: string; } </style> -<nav class="nav"> - <a class="prev" href={prevUrl || '#'}>Prev</a> - <a class="next" href={nextUrl || '#'}>Next</a> -</nav> +<div class="wrapper"> + <nav class="nav"> + <a class="prev" href={prevUrl || '#'}>Prev</a> + <a class="next" href={nextUrl || '#'}>Next</a> + </nav> +</div> |