diff options
author | 2021-05-17 17:45:41 -0500 | |
---|---|---|
committer | 2021-05-17 17:45:41 -0500 | |
commit | d6cedac38e25fbec8425e020c16393fd70f0adf6 (patch) | |
tree | 4bda69f8ec6ab76d75f1f98b141886ce5305df4d /examples/blog/src/components/Pagination.astro | |
parent | d8a78298f354e775c1a3ad8b2d44e372969b0c39 (diff) | |
download | astro-d6cedac38e25fbec8425e020c16393fd70f0adf6.tar.gz astro-d6cedac38e25fbec8425e020c16393fd70f0adf6.tar.zst astro-d6cedac38e25fbec8425e020c16393fd70f0adf6.zip |
Improve blog template (#217)
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> |