summaryrefslogtreecommitdiff
path: root/examples/blog/src/components/Pagination.astro
diff options
context:
space:
mode:
authorGravatar Drew Powers <1369770+drwpow@users.noreply.github.com> 2021-05-17 17:45:41 -0500
committerGravatar GitHub <noreply@github.com> 2021-05-17 17:45:41 -0500
commitd6cedac38e25fbec8425e020c16393fd70f0adf6 (patch)
tree4bda69f8ec6ab76d75f1f98b141886ce5305df4d /examples/blog/src/components/Pagination.astro
parentd8a78298f354e775c1a3ad8b2d44e372969b0c39 (diff)
downloadastro-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.astro24
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>