diff --git a/src/lib/components/Wave.svelte b/src/lib/components/Wave.svelte index 1d605d5..bf52e61 100644 --- a/src/lib/components/Wave.svelte +++ b/src/lib/components/Wave.svelte @@ -16,7 +16,7 @@ svg { transition: opacity 0.1s var(--bezier-one); position: absolute; - bottom: 0rem; + bottom: -1px; z-index: -1; width: 100%; height: 40vh; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 1b901ea..d7c97c2 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -11,7 +11,7 @@ onMount(() => { const checkVisibility = () => { const wave = document.querySelector('.wave'); - bottomVisibility = !(wave && wave.getBoundingClientRect().bottom < window.innerHeight); + bottomVisibility = !(wave && wave.getBoundingClientRect().bottom < window.innerHeight - 1); }; window.addEventListener('scroll', checkVisibility, { passive: true });