chore: organize + clean up
This commit is contained in:
parent
ddc2e30375
commit
95581a079c
27 changed files with 172 additions and 15 deletions
33
src/_includes/partials/paginator.liquid
Normal file
33
src/_includes/partials/paginator.liquid
Normal file
|
@ -0,0 +1,33 @@
|
|||
<nav class="flex justify-between mt-8 items-center">
|
||||
{% if pagination.href.previous %}
|
||||
<a href="{{ pagination.href.previous }}">
|
||||
<button class="py-2 pr-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Previous page">
|
||||
{% heroicon "outline" "arrow-left" "Previous" "width=20 height=20" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button
|
||||
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50"
|
||||
aria-label="Previous page (disabled)"
|
||||
disabled>
|
||||
{% heroicon "outline" "arrow-left" "Prevous" "width=20 height=20" %}
|
||||
</button>
|
||||
{% endif %}
|
||||
<div class="text-center">
|
||||
{{ pagination.pageNumber | plus: 1 }} of {{ pagination.links.size }}
|
||||
</div>
|
||||
{% if pagination.href.next %}
|
||||
<a href="{{ pagination.href.next }}">
|
||||
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500" aria-label="Next page">
|
||||
{% heroicon "outline" "arrow-right" "Next" "width=20 height=20" %}
|
||||
</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button
|
||||
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50"
|
||||
aria-label="Next page (disabled)"
|
||||
disabled>
|
||||
{% heroicon "outline" "arrow-right" "Next" "width=20 height=20" %}
|
||||
</button>
|
||||
{% endif %}
|
||||
</nav>
|
Reference in a new issue