From 3cdeb60efff8ffbecf2d62b6f1a6e1b5261fa86f Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 24 Jan 2024 23:54:58 -0800
Subject: feat(updates): better list skeleton

---
 src/lib/Skeleton.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/Skeleton.svelte b/src/lib/Skeleton.svelte
index 7a278429..71078f13 100644
--- a/src/lib/Skeleton.svelte
+++ b/src/lib/Skeleton.svelte
@@ -4,6 +4,7 @@
 	export let height = '100px';
 	export let card = true;
 	export let grid = false;
+	export let list = false;
 </script>
 
 {#if grid}
@@ -18,13 +19,16 @@
 	</div>
 {:else}
 	{#each Array(count) as _, i}
-		<div class={card ? 'card card-small' : ''} style={`width: ${width};`}>
+		<div
+			class={card ? 'card card-small' : ''}
+			style={`width: ${width}; ${list ? 'padding-top: .5rem;' : ''}`}
+		>
 			<div class="skeleton-container">
 				<div class="skeleton" style={`width: ${width}; height: ${height};`} />
 			</div>
 		</div>
 
-		{#if i < count - 1}
+		{#if !list && i < count - 1}
 			<p />
 		{/if}
 	{/each}
-- 
cgit v1.2.3