From f3bfb1ee646eaa6c3b31f34e3d50f151c209c745 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 18:01:50 -0800
Subject: refactor(wrapped): loading cards

---
 src/lib/Tools/Wrapped.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'src/lib/Tools/Wrapped.svelte')

diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index 0cd124a2..d2999de2 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -484,13 +484,17 @@
 </script>
 
 {#if currentUserIdentity.id === -2}
-	Please log in to view this page.
+	<div class="card">Please log in to view this page.</div>
 {:else if currentUserIdentity.id !== -1}
 	{#await selectedYear !== currentYear || useFullActivityHistory || new Date().getMonth() <= 6 ? fullActivityHistory(user, currentUserIdentity, selectedYear) : getActivityHistory(currentUserIdentity)}
-		{@html nbsp(`Loading${useFullActivityHistory ? ' full-year' : ''} activity history ...`)}
+		<div class="card">
+			{@html nbsp(`Loading${useFullActivityHistory ? ' full-year' : ''} activity history ...`)}
+		</div>
 	{:then activities}
 		{#await wrapped(user, currentUserIdentity, selectedYear)}
-			{@html nbsp('Loading user data ...')}
+			<div class="card">
+				{@html nbsp('Loading user data ...')}
+			</div>
 		{:then wrapped}
 			<div id="list-container">
 				<div class="card">
-- 
cgit v1.2.3

