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,6 +1,6 @@
{% if albumReleases.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "calendar-time" "Anticipated albums" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "calendar-time" "Anticipated albums" %}
<div class="ml-1">Anticipated albums</div>
</h2>
<ul class="list-inside list-disc pl-5 md:pl-10">

View file

@ -1,6 +1,6 @@
{% if music.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "vinyl" "Albums" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "vinyl" "Albums" %}
<div class="ml-1">Albums</div>
</h2>
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">

View file

@ -1,6 +1,6 @@
{% if music.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "microphone-2" "Artists" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "microphone-2" "Artists" %}
<div class="ml-1">Artists</div>
</h2>
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">

View file

@ -1,6 +1,6 @@
{% if books.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "books" "Books" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "books" "Books" %}
<div class="ml-1">Books</div>
</h2>
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">

View file

@ -1,6 +1,6 @@
{% if links.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "link" "Links" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "link" "Links" %}
<div class="ml-1">Links</div>
</h2>
<ul class="list-inside list-disc pl-5 md:pl-10">

View file

@ -1,6 +1,6 @@
{% if movies.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "movie" "Movies" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "movie" "Movies" %}
<div class="ml-1">Movies</div>
</h2>
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">

View file

@ -1,6 +1,6 @@
{% if tv.size > 0 %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
{% tablericon "device-tv" "TV" "height=28" %}
<h2 class="icon--bold m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4 icon--h-28">
{% tablericon "device-tv" "TV" %}
<div class="ml-1">TV</div>
</h2>
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">