style cleanup + consistency
This commit is contained in:
parent
5f38e206f5
commit
31c7c014c5
3 changed files with 5 additions and 13 deletions
|
@ -1,17 +1,17 @@
|
|||
<nav class="flex justify-between mt-8 items-center">
|
||||
{% if pagination.href.previous %}
|
||||
<a href="{{ pagination.href.previous }}">
|
||||
<button class="py-2 pr-4 text-primary-400 hover:text-primary-500 dark:hover:text-primary-300" aria-label="Previous page">Previous</button>
|
||||
<button class="py-2 pr-4 text-primary-500 hover:text-primary-400" aria-label="Previous page">Previous</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button class="py-2 pr-4 cursor-not-allowed disabled:opacity-50" aria-label="Previous page (disabled)" disabled>Previous</button>
|
||||
{% endif %}
|
||||
|
||||
<div class="flex flex-row items-center">
|
||||
<div class="flex flex-row gap-2 items-center">
|
||||
{% for pageEntry in pagination.pages %}
|
||||
{% if page.url == pagination.hrefs[forloop.index0] %}
|
||||
<a href="{{ pagination.hrefs[forloop.index0] }}" aria-current="page">
|
||||
<button class="w-8 h-8 rounded-full text-white dark:text-gray-900 bg-primary-400 hover:bg-primary-500 dark:hover:bg-primary-300" aria-label="Go to page {{forloop.index}}">
|
||||
<button class="w-12 h-12 rounded-full text-white dark:text-gray-900 bg-primary-400 hover:bg-primary-500 dark:hover:bg-primary-300" aria-label="Go to page {{forloop.index}}">
|
||||
{{ forloop.index }}
|
||||
</button>
|
||||
</a>
|
||||
|
@ -28,7 +28,7 @@
|
|||
|
||||
{% if pagination.href.next %}
|
||||
<a href="{{ pagination.href.next }}">
|
||||
<button class="py-2 pl-4 text-primary-400 hover:text-primary-500 dark:hover:text-primary-300" aria-label="Next page">Next</button>
|
||||
<button class="py-2 pl-4 text-primary-500 hover:text-primary-400" aria-label="Next page">Next</button>
|
||||
</a>
|
||||
{% else %}
|
||||
<button class="py-2 pl-4 cursor-not-allowed disabled:opacity-50" aria-label="Next page (disabled)" disabled>Next</button>
|
||||
|
|
Reference in a new issue