mirror of
https://github.com/KevinMidboe/immich.git
synced 2025-10-29 17:40:28 +00:00
format
This commit is contained in:
@@ -52,10 +52,10 @@
|
|||||||
on:click={() => handleSelectOption(index)}
|
on:click={() => handleSelectOption(index)}
|
||||||
>
|
>
|
||||||
{#if value == option}
|
{#if value == option}
|
||||||
<div class="text-immich-primary dark:text-immich-dark-primary font-medium">
|
<div class="font-medium text-immich-primary dark:text-immich-dark-primary">
|
||||||
<Check size="18" />
|
<Check size="18" />
|
||||||
</div>
|
</div>
|
||||||
<p class="text-immich-primary dark:text-immich-dark-primary justify-self-start font-medium">
|
<p class="justify-self-start font-medium text-immich-primary dark:text-immich-dark-primary">
|
||||||
{option}
|
{option}
|
||||||
</p>
|
</p>
|
||||||
{:else}
|
{:else}
|
||||||
|
|||||||
@@ -152,7 +152,7 @@
|
|||||||
{:else if $albumViewSettings.view === AlbumViewMode.List}
|
{:else if $albumViewSettings.view === AlbumViewMode.List}
|
||||||
<table class="mt-5 w-full text-left">
|
<table class="mt-5 w-full text-left">
|
||||||
<thead
|
<thead
|
||||||
class="text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary mb-4 flex h-12 w-full rounded-md border bg-gray-50"
|
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">
|
||||||
<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">Album title</th>
|
||||||
@@ -162,11 +162,11 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody
|
<tbody
|
||||||
class="dark:border-immich-dark-gray dark:text-immich-dark-fg block max-h-[320px] w-full overflow-y-auto rounded-md border"
|
class="block max-h-[320px] 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
|
||||||
class="odd:bg-immich-gray even:bg-immich-bg hover:border-immich-primary/75 odd:dark:bg-immich-dark-gray/75 even:dark:bg-immich-dark-gray/50 dark:hover:border-immich-dark-primary/75 flex h-[50px] w-full place-items-center border-[3px] border-transparent p-5 text-center hover:cursor-pointer"
|
class="flex h-[50px] w-full place-items-center border-[3px] border-transparent p-5 text-center odd:bg-immich-gray even:bg-immich-bg hover:cursor-pointer hover:border-immich-primary/75 odd:dark:bg-immich-dark-gray/75 even:dark:bg-immich-dark-gray/50 dark:hover:border-immich-dark-primary/75"
|
||||||
on:click={() => goto(`albums/${album.id}`)}
|
on:click={() => goto(`albums/${album.id}`)}
|
||||||
on:keydown={(event) => event.key === 'Enter' && goto(`albums/${album.id}`)}
|
on:keydown={(event) => event.key === 'Enter' && goto(`albums/${album.id}`)}
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
|
|||||||
Reference in New Issue
Block a user