Browse Source

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

Alex 2 years ago
parent
commit
0d7ccc2b26

+ 7 - 3
web/src/lib/components/asset-viewer/album-selection-modal.svelte

@@ -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)} />