layouts/partials/list/pagination.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23


{{ $paginator := .Paginator }}

<div class="pb-10 grid grid-cols-2 font-semibold">
  <!-- Previous page. -->
  <div>
    {{ if $paginator.HasPrev }}
      <a href="{{ $paginator.Prev.URL }}" class="pagination-button">
        <span class="h-4 w-4 stroke-2"> {{ partial "utils/icon" "arrow-left" }} </span>
        Newer Posts
      </a>
    {{ end }}
  </div>

  <!-- Next page. -->
  <div class="flex justify-end">
    {{ if $paginator.HasNext }}
      <a href="{{ $paginator.Next.URL }}" class="pagination-button">
        Older Posts
        <span class="h-4 w-4 stroke-2"> {{ partial "utils/icon" "arrow-right" }} </span>
      </a>
    {{ end }}
  </div>
</div>