Updating

alankrantas · May 5, 2023 · 8d2990b · 8d2990b
1 parent 3f92eb8
commit 8d2990b
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/utils/Showcase.svelte b/src/components/utils/Showcase.svelte
@@ -33,16 +33,20 @@
 					{#if colIdx + listStartWorkId < works.length}
 						{#if !works[colIdx + listStartWorkId].loaded}
 							<p class="placeholder-glow">
-								<span class="placeholder w-50" />
-								<span class="placeholder w-50" />
-								<span class="placeholder w-50" />
+								<span class="placeholder w-75" />
+								<span class="placeholder w-75" />
+								<span class="placeholder w-75" />
+								<span class="placeholder w-75" />
+								<span class="placeholder w-75" />
 							</p>
 						{/if}
 						<a href={'#'} on:click={() => popShowcaseDetail(works[colIdx + listStartWorkId])}>
 							<img
 								loading="lazy"
 								class="img-thumbnail bg-light border-light rounded-4"
-								style="width: 100%; object-fit: contain;"
+								style={`width: 100%; object-fit: contain; visibility: ${
+									works[colIdx + listStartWorkId].loaded ? `visible` : `hidden`
+								};`}
 								src={works[colIdx + listStartWorkId].imgUrl}
 								alt={works[colIdx + listStartWorkId].name}
 								on:load={() => {