chore(web): Modified styling for add to album panel (#924)

This commit is contained in:
Alex 2022-11-04 09:42:24 -05:00 committed by GitHub
parent 5aa06ed3be
commit 0d7ccc2b26
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -45,7 +45,7 @@
</span> </span>
</svelte:fragment> </svelte:fragment>
<div class=" max-h-[400px] overflow-y-auto immich-scrollbar"> <div class=" max-h-[400px] overflow-y-auto immich-scrollba pb-10">
<div class="flex flex-col mb-2"> <div class="flex flex-col mb-2">
{#if loading} {#if loading}
{#each { length: 3 } as _} {#each { length: 3 } as _}
@ -73,14 +73,18 @@
</p> </p>
</button> </button>
{#if albums.length > 0} {#if albums.length > 0}
<p class="text-sm font-medium px-5 py-1">RECENT</p> {#if !shared}
<p class="text-xs px-5 py-3">RECENT</p>
{/if}
{#each recentAlbums as album} {#each recentAlbums as album}
{#key album.id} {#key album.id}
<AlbumListItem variant="simple" {album} on:album={() => handleSelect(album)} /> <AlbumListItem variant="simple" {album} on:album={() => handleSelect(album)} />
{/key} {/key}
{/each} {/each}
<p class="text-sm font-medium px-5 py-1">ALL ALBUMS</p> {#if !shared}
<p class="text-xs px-5 py-3">ALL ALBUMS</p>
{/if}
{#each albums as album} {#each albums as album}
{#key album.id} {#key album.id}
<AlbumListItem {album} on:album={() => handleSelect(album)} /> <AlbumListItem {album} on:album={() => handleSelect(album)} />