self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-24 17:07:39 +02:00
Code Issues Releases Activity

fix(web): album list padding (#3790)

Browse Source
This commit is contained in:
waclaw66 2023-08-21 01:30:52 +02:00 committed by GitHub
parent 476b735e3c
commit 6aed1180e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/routes/(user)/albums/+page.svelte
View File

@ -154,15 +154,15 @@
<thead
class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary"
>
<tr class="flex w-full place-items-center">
<th class="w-1/4 text-center text-sm font-medium">Album title</th>
<th class="w-1/4 text-center text-sm font-medium">Assets</th>
<th class="w-1/4 text-center text-sm font-medium">Updated date</th>
<th class="w-1/4 text-center text-sm font-medium">Created date</th>
<tr class="flex w-full place-items-center p-5">
<th class="w-1/4 text-left text-sm font-medium">Album title</th>
<th class="w-1/4 text-right text-sm font-medium">Assets</th>
<th class="w-1/4 text-right text-sm font-medium">Updated date</th>
<th class="w-1/4 text-right text-sm font-medium">Created date</th>
</tr>
</thead>
<tbody
class="block max-h-[320px] w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg"
class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg"
>
{#each $albums as album (album.id)}
<tr
@ -171,13 +171,13 @@
on:keydown={(event) => event.key === 'Enter' && goto(`albums/${album.id}`)}
tabindex="0"
>
<td class="text-md w-1/4 text-ellipsis px-2">{album.albumName}</td>
<td class="text-md w-1/4 text-ellipsis px-2">
<td class="text-md w-1/4 text-ellipsis text-left">{album.albumName}</td>
<td class="text-md w-1/4 text-ellipsis text-right">
{album.assetCount}
{album.assetCount == 1 ? `item` : `items`}
</td>
<td class="text-md w-1/4 text-ellipsis px-2">{dateLocaleString(album.updatedAt)}</td>
<td class="text-md w-1/4 text-ellipsis px-2">{dateLocaleString(album.createdAt)}</td>
<td class="text-md w-1/4 text-ellipsis text-right">{dateLocaleString(album.updatedAt)}</td>
<td class="text-md w-1/4 text-ellipsis text-right">{dateLocaleString(album.createdAt)}</td>
</tr>
{/each}
</tbody>