feat: simplify icons + dry feed styles

This commit is contained in:
Cory Dransfeldt 2023-08-06 12:29:51 -07:00
parent 63d90878bb
commit 8c53392c21
No known key found for this signature in database
43 changed files with 290 additions and 539 deletions

View file

@ -1,16 +1,16 @@
<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">
{% tablericon "arrow-left" "Previous" "width=20 height=20" %}
<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 icon--h-20">
{% tablericon "arrow-left" "Previous" %}
</button>
</a>
{% else %}
<button
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50"
class="py-2 pr-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
aria-label="Previous page (disabled)"
disabled>
{% tablericon "arrow-left" "Prevous" "width=20 height=20" %}
{% tablericon "arrow-left" "Prevous" %}
</button>
{% endif %}
<div class="text-center">
@ -18,16 +18,16 @@
</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">
{% tablericon "arrow-right" "Next" "width=20 height=20" %}
<button class="py-2 pl-4 dark:text-purple-400 text-purple-600 hover:text-purple-500 dark:hover:text-purple-500 icon--h-20" aria-label="Next page">
{% tablericon "arrow-right" "Next" %}
</button>
</a>
{% else %}
<button
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50"
class="py-2 pl-4 cursor-not-allowed disabled:opacity-50 icon--h-20"
aria-label="Next page (disabled)"
disabled>
{% tablericon "arrow-right" "Next" "width=20 height=20" %}
{% tablericon "arrow-right" "Next" %}
</button>
{% endif %}
</nav>