From aaecf0a4137880c9e97b02e73cb44c779c3a19cf Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 19 Feb 2024 17:24:04 -0800
Subject: refactor(user): shift message layout

---
 src/lib/Loading/Skeleton.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/lib/Loading')

diff --git a/src/lib/Loading/Skeleton.svelte b/src/lib/Loading/Skeleton.svelte
index 08557685..9293a3a6 100644
--- a/src/lib/Loading/Skeleton.svelte
+++ b/src/lib/Loading/Skeleton.svelte
@@ -6,12 +6,13 @@
 	export let grid = false;
 	export let list = false;
 	export let pad = false;
+	export let bigCard = false;
 </script>
 
 {#if grid}
 	<div class="grid" style={pad ? 'padding-top: .75em;' : ''}>
 		{#each Array(count) as _, i}
-			<div class={card ? 'card-small' : ''} style={`width: ${width};`}>
+			<div class={card ? `${bigCard ? 'card' : ''} card-small` : ''} style={`width: ${width};`}>
 				<div class="skeleton-container" style={`--i: ${i};`}>
 					<div class="skeleton" style={`width: ${width}; height: ${height};`} />
 				</div>
@@ -21,7 +22,7 @@
 {:else}
 	{#each Array(count) as _, i}
 		<div
-			class={card ? 'card-small' : ''}
+			class={card ? `${bigCard ? 'card' : ''} card-small` : ''}
 			style={`width: ${width}; ${list ? 'padding-top: .75em;' : ''}`}
 		>
 			<div class="skeleton-container">
-- 
cgit v1.2.3