self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-11-28 09:33:27 +02:00
Code Issues Releases Activity

fix: make HTML valid (#11465)

Browse Source
This commit is contained in:
Ben McCann 2024-07-30 21:05:08 -07:00 committed by GitHub
parent 8ee8450d18
commit 82b899649d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
web/src/lib/components/album-page/albums-table.svelte
View File

@ -41,30 +41,27 @@
{#each groupedAlbums as albumGroup (albumGroup.id)} {#each groupedAlbums as albumGroup (albumGroup.id)}
{@const isCollapsed = isAlbumGroupCollapsed($albumViewSettings, albumGroup.id)} {@const isCollapsed = isAlbumGroupCollapsed($albumViewSettings, albumGroup.id)}
{@const iconRotation = isCollapsed ? 'rotate-0' : 'rotate-90'} {@const iconRotation = isCollapsed ? 'rotate-0' : 'rotate-90'}
<button <tbody
type="button" class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg"
on:click={() => toggleAlbumGroupCollapsing(albumGroup.id)}
class="flex w-full mt-4 rounded-md"
aria-expanded={!isCollapsed}
> >
<tbody <tr
class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg" class="flex w-full place-items-center p-2 md:pl-5 md:pr-5 md:pt-3 md:pb-3"
on:click={() => toggleAlbumGroupCollapsing(albumGroup.id)}
aria-expanded={!isCollapsed}
> >
<tr class="flex w-full place-items-center p-2 md:pl-5 md:pr-5 md:pt-3 md:pb-3"> <td class="text-md text-left -mb-1">
<td class="text-md text-left -mb-1"> <Icon
<Icon path={mdiChevronRight}
path={mdiChevronRight} size="20"
size="20" class="inline-block -mt-2 transition-all duration-[250ms] {iconRotation}"
class="inline-block -mt-2 transition-all duration-[250ms] {iconRotation}" />
/> <span class="font-bold text-2xl">{albumGroup.name}</span>
<span class="font-bold text-2xl">{albumGroup.name}</span> <span class="ml-1.5">
<span class="ml-1.5"> ({$t('albums_count', { values: { count: albumGroup.albums.length } })})
({$t('albums_count', { values: { count: albumGroup.albums.length } })}) </span>
</span> </td>
</td> </tr>
</tr> </tbody>
</tbody>
</button>
{#if !isCollapsed} {#if !isCollapsed}
<tbody <tbody
class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg mt-4" class="block w-full overflow-y-auto rounded-md border dark:border-immich-dark-gray dark:text-immich-dark-fg mt-4"