Swapped from inline style to using tailwind class.

This commit is contained in:
rdavis 2024-06-14 00:07:21 +00:00
parent 26575c5086
commit b0d9aa38d2

View File

@ -85,7 +85,7 @@
{#if sortKey === 'title'} {#if sortKey === 'title'}
{sortOrder === 'asc' ? '▲' : '▼'} {sortOrder === 'asc' ? '▲' : '▼'}
{:else} {:else}
<span style="visibility:hidden"></span> <span class="invisible"></span>
{/if} {/if}
</th> </th>
<th scope="col" class="px-3 py-2 cursor-pointer select-none" on:click={() => setSortKey('created_at')}> <th scope="col" class="px-3 py-2 cursor-pointer select-none" on:click={() => setSortKey('created_at')}>
@ -93,7 +93,7 @@
{#if sortKey === 'created_at'} {#if sortKey === 'created_at'}
{sortOrder === 'asc' ? '▲' : '▼'} {sortOrder === 'asc' ? '▲' : '▼'}
{:else} {:else}
<span style="visibility:hidden"></span> <span class="invisible"></span>
{/if} {/if}
</th> </th>
<th scope="col" class="px-3 py-2 hidden md:flex cursor-pointer select-none" on:click={() => setSortKey('updated_at')}> <th scope="col" class="px-3 py-2 hidden md:flex cursor-pointer select-none" on:click={() => setSortKey('updated_at')}>
@ -101,7 +101,7 @@
{#if sortKey === 'updated_at'} {#if sortKey === 'updated_at'}
{sortOrder === 'asc' ? '▲' : '▼'} {sortOrder === 'asc' ? '▲' : '▼'}
{:else} {:else}
<span style="visibility:hidden"></span> <span class="invisible"></span>
{/if} {/if}
</th> </th>
<th scope="col" class="px-3 py-2 text-right" /> <th scope="col" class="px-3 py-2 text-right" />