diff options
| author | mat <github@matdoes.dev> | 2022-03-19 22:52:20 -0500 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-03-19 22:52:20 -0500 |
| commit | ce2230a67a72b9850b37576cb441a56ff3b71ee8 (patch) | |
| tree | f61d7577089e129fee0185fafabc540ac6340c6a /src/lib/BackgroundImage.svelte | |
| parent | 5937ac8c91a15e6bc8daf8d259eb9cd842b86d86 (diff) | |
| download | skyblock-stats-ce2230a67a72b9850b37576cb441a56ff3b71ee8.tar.gz skyblock-stats-ce2230a67a72b9850b37576cb441a56ff3b71ee8.tar.bz2 skyblock-stats-ce2230a67a72b9850b37576cb441a56ff3b71ee8.zip | |
Add favicon + misc fixes
Diffstat (limited to 'src/lib/BackgroundImage.svelte')
| -rw-r--r-- | src/lib/BackgroundImage.svelte | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/src/lib/BackgroundImage.svelte b/src/lib/BackgroundImage.svelte index fd62170..0b2f043 100644 --- a/src/lib/BackgroundImage.svelte +++ b/src/lib/BackgroundImage.svelte @@ -1,8 +1,10 @@ <script lang="ts"> - import { onDestroy } from 'svelte' + import { onDestroy, onMount } from 'svelte' import { browser } from '$app/env' export let url: string + let styleHtml = `<style class="background-image-style">:root{--background:url(${url})}</style>` + let serverSideRenderedStyleShown = true function updateUrl() { if (!browser) return @@ -19,6 +21,10 @@ $: [url, updateUrl()] + onMount(() => { + serverSideRenderedStyleShown = false + }) + // get rid of the body style when we leave the page // not doing this will sometimes cause the background to stay onDestroy(() => { @@ -28,3 +34,9 @@ } }) </script> + +<svelte:head> + {#if serverSideRenderedStyleShown} + {@html styleHtml} + {/if} +</svelte:head> |