Make table rows clickable with hover styling

This commit is contained in:
2023-08-14 19:20:21 +02:00
parent 054f469b2f
commit d5947e1c2b

View File

@@ -162,7 +162,8 @@
> >
{#each $albums as album (album.id)} {#each $albums as album (album.id)}
<tr <tr
class="flex h-[50px] w-full place-items-center text-center odd:bg-immich-gray even:bg-immich-bg odd:dark:bg-immich-dark-gray/75 even:dark:bg-immich-dark-gray/50" class="flex h-[50px] w-full place-items-center text-center odd:bg-immich-gray even:bg-immich-bg odd:dark:bg-immich-dark-gray/75 even:dark:bg-immich-dark-gray/50 border-[3px] border-transparent p-5 hover:cursor-pointer hover:border-immich-primary/75 dark:hover:border-immich-dark-primary/75"
on:click={() => goto(`albums/${album.id}`)}
> >
<td class="w-1/4 text-ellipsis px-2 text-md">{album.albumName}</td> <td class="w-1/4 text-ellipsis px-2 text-md">{album.albumName}</td>
<td class="w-1/4 text-ellipsis px-2 text-md"> <td class="w-1/4 text-ellipsis px-2 text-md">