git

My personal website source code
Log | Files | Refs | Submodules | README | LICENSE

commit 147645ad34f95bf50fdeb3dcee290d4511233edf
parent 8cb020b3b128d5dbeb11ef758af80d2c44a12f9b
Author: Luís Ferreira <[email protected]>
Date:   Sat, 18 Dec 2021 00:11:40 +0000

style: Fix older and newer posts links

Signed-off-by: Luís Ferreira <[email protected]>

Diffstat:
Aassets/sass/pagination.scss | 8++++++++
Massets/sass/style.scss | 1+
Mlayouts/partials/pagination.html | 14+++++++-------
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 }}