From 6f066650904ea3bed7c70f301d8f5a8bc24d7bcf Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 5 Dec 2023 22:39:58 -0800
Subject: feat(wrapped): transparent preview

---
 src/lib/Tools/Wrapped.svelte | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

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

diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index 71cbaa14..b67b025e 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -299,7 +299,12 @@
 	{#await wrapped(user, currentUserIdentity)}
 		Loading&nbsp;...
 	{:then wrapped}
-		<div id="wrapped" class:light-theme={lightMode} style={`width: ${width}px;`}>
+		<div
+			id="wrapped"
+			class:light-theme={lightMode}
+			style={`width: ${width}px;`}
+			class:transparent={transparency}
+		>
 			<div class="categories-grid" style="padding-bottom: 0;">
 				<div class="grid-item image-grid avatar-grid category">
 					<a href={`https://anilist.co/user/${currentUserIdentity.name}`} target="_blank">
@@ -521,6 +526,10 @@
 		color: unset;
 	}
 
+	.transparent .categories-grid {
+		background-color: transparent;
+	}
+
 	.light-theme .categories-grid {
 		background-color: #edf1f5;
 	}
-- 
cgit v1.2.3

