Merge pull request #28 from Dunkstormen/main

bjerrecs · web-flow · commit 1bee8d79e7f2 · 2024-12-11T22:22:12.000+01:00
fix: snowfall height
diff --git a/src/layout/Layout.astro b/src/layout/Layout.astro
@@ -34,7 +34,7 @@ import Snowfall from 'react-snowfall'
     <ViewTransitions />
 </head>
 <body class="bg-lightgrey w-full h-full min-h-screen text-black dark:text-white transition ease-in-out delay-50 flex flex-col items-center bg-[url('/img/skies.svg')] bg-cover">
-    <div class="top-0 absolute -z-10 min-h-screen w-screen">
+    <div id="snowfall" class="top-0 absolute -z-10 min-h-screen w-screen">
         <Snowfall color="#c7d0e6" client:only/>
     </div>
     <Nav />
@@ -72,6 +72,13 @@ import Snowfall from 'react-snowfall'
     window.localStorage.setItem("theme", theme);
 </script>
 
+<script is:inline>
+    const snowfallHeight = document.body.scrollHeight;
+    const snowfallElement = document.getElementById('snowfall');
+
+    snowfallElement.style.height = `${snowfallHeight}px`;
+</script>
+
 <style is:global>
     *::-webkit-scrollbar {
         height: 5px;
