commit 147645ad34f95bf50fdeb3dcee290d4511233edf
parent 8cb020b3b128d5dbeb11ef758af80d2c44a12f9b
Author: Luís Ferreira <contact@lsferreira.net>
Date: Sat, 18 Dec 2021 00:11:40 +0000
style: Fix older and newer posts links
Signed-off-by: Luís Ferreira <contact@lsferreira.net>
Diffstat:
3 files changed, 16 insertions(+), 7 deletions(-)
diff --git a/assets/sass/pagination.scss b/assets/sass/pagination.scss
@@ -0,0 +1,8 @@
+.pagination-buttons {
+ display: flex;
+ justify-content: space-between;
+}
+
+.pagination {
+ padding-top: 15px
+}
diff --git a/assets/sass/style.scss b/assets/sass/style.scss
@@ -9,6 +9,7 @@
@import 'article';
@import 'avatar';
@import 'post';
+@import 'pagination';
html, body {
margin: 0px;
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
@@ -1,18 +1,18 @@
<div class="pagination">
- <div class="pagination__buttons">
+ <div class="pagination-buttons min-textbox">
{{ if .Paginator.HasPrev }}
- <span class="button previous">
+ <span class="pagination-btn-previous">
<a href="{{ .Paginator.Prev.URL }}">
- <span class="button__icon">←</span>
- <span class="button__text">{{ $.Site.Params.newerPosts | default "Newer posts" }}</span>
+ <span class="button-icon">←</span>
+ <span class="button-text">{{ $.Site.Params.newerPosts | default "Newer posts" }}</span>
</a>
</span>
{{ end }}
{{ if .Paginator.HasNext }}
- <span class="button next">
+ <span class="pagination-btn-next">
<a href="{{ .Paginator.Next.URL }}">
- <span class="button__text">{{ $.Site.Params.olderPosts | default "Older posts" }}</span>
- <span class="button__icon">→</span>
+ <span class="button-text">{{ $.Site.Params.olderPosts | default "Older posts" }}</span>
+ <span class="button-icon">→</span>
</a>
</span>
{{ end }}