Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-06-01 04:36:19 -04:00
Code Issues Packages Projects Releases Wiki 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 <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" 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"> <tr class="flex w-full place-items-center p-5">
<th class="w-1/4 text-center text-sm font-medium">Album title</th> <th class="w-1/4 text-left 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-right 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-right text-sm font-medium">Updated date</th>
<th class="w-1/4 text-center text-sm font-medium">Created date</th> <th class="w-1/4 text-right text-sm font-medium">Created date</th>
</tr> </tr>
</thead> </thead>
<tbody <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)} {#each $albums as album (album.id)}
<tr <tr
@ -171,13 +171,13 @@
on:keydown={(event) => event.key === 'Enter' && goto(`albums/${album.id}`)} on:keydown={(event) => event.key === 'Enter' && goto(`albums/${album.id}`)}
tabindex="0" 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 text-left">{album.albumName}</td>
<td class="text-md w-1/4 text-ellipsis px-2"> <td class="text-md w-1/4 text-ellipsis text-right">
{album.assetCount} {album.assetCount}
{album.assetCount == 1 ? `item` : `items`} {album.assetCount == 1 ? `item` : `items`}
</td> </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 text-right">{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.createdAt)}</td>
</tr> </tr>
{/each} {/each}
</tbody> </tbody>