fix background staying on pages where it shouldn't

2 files changed, 14 insertions, 0 deletions

diff --git a/src/routes/player/[player]/[profile].svelte b/src/routes/player/[player]/[profile].svelte
index 01eb110..a5217ef 100644
--- a/src/routes/player/[player]/[profile].svelte
+++ b/src/routes/player/[player]/[profile].svelte
@@ -40,6 +40,7 @@
 	import Toc from '$lib/Toc.svelte'
 
 	import type { CleanMemberProfile } from '$lib/APITypes'
+	import { onDestroy } from 'svelte'
 
 	export let data: CleanMemberProfile
 	export let pack: string
@@ -61,6 +62,12 @@
 	$: bodyStyle = data.customization?.backgroundUrl
 		? `<style>:root{--background:url(${data.customization.backgroundUrl})}</style>`
 		: ''
+
+	// get rid of the body style when we leave the page
+	// not doing this will sometimes cause the background to stay
+	onDestroy(() => {
+		bodyStyle = ''
+	})
 </script>
 
 <svelte:head>
diff --git a/src/routes/player/[player]/index.svelte b/src/routes/player/[player]/index.svelte
index 460cd28..b20802f 100644
--- a/src/routes/player/[player]/index.svelte
+++ b/src/routes/player/[player]/index.svelte
@@ -31,6 +31,7 @@
 	import Username from '$lib/minecraft/Username.svelte'
 	import Header from '$lib/Header.svelte'
 	import Head from '$lib/Head.svelte'
+	import { onDestroy } from 'svelte'
 
 	export let data: CleanUser
 
@@ -57,6 +58,12 @@
 	$: bodyStyle = data.customization?.backgroundUrl
 		? `<style>:root{--background:url(${data.customization.backgroundUrl})}</style>`
 		: ''
+
+	// get rid of the body style when we leave the page
+	// not doing this will sometimes cause the background to stay
+	onDestroy(() => {
+		bodyStyle = ''
+	})
 </script>
 
 <svelte:head>