layouts/partials/list/components/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
24
25


{{ $paginator := .Paginator }}

<div class="pb-10 grid grid-cols-2 font-semibold">

    <!-- Previous page. -->
    <div>
        {{ if $paginator.HasPrev }}
        <a href="{{ $paginator.Prev.URL }}" class="inline-flex items-center gap-2">
            <span class="h-4 w-4 stroke-2"> {{ partial "handler/svg" "arrow-left" }} </span>
            Newer Posts
        </a>
        {{ end }}
    </div>

    <div class="flex justify-end">
        <!-- Next page. -->
        {{ if $paginator.HasNext }}
        <a href="{{ $paginator.Next.URL }}" class="inline-flex items-center gap-2">
            Older Posts
            <span class="h-4 w-4 stroke-2"> {{ partial "handler/svg" "arrow-right" }} </span>
        </a>
        {{ end }}
    </div>

</div>