diff --git a/src/components/molecules/EmailForm.svelte b/src/components/molecules/EmailForm.svelte index 4fb407b..ad713c6 100644 --- a/src/components/molecules/EmailForm.svelte +++ b/src/components/molecules/EmailForm.svelte @@ -100,4 +100,4 @@
{formMessages[formStatus]}
{/if} - + \ No newline at end of file diff --git a/src/components/organisms/PostersGrid.svelte b/src/components/organisms/PostersGrid.svelte index 733de7c..ca07032 100644 --- a/src/components/organisms/PostersGrid.svelte +++ b/src/components/organisms/PostersGrid.svelte @@ -28,7 +28,7 @@ /** Init Carousel */ const initCarousel = () => { - if (innerWidth < 992) { + if (innerWidth < 1200) { if (!carousel) { carousel = EmblaCarousel(carouselEl, { slidesToScroll: innerWidth < 550 ? 1 : 2, @@ -58,18 +58,25 @@ } } else { if (carousel) { - carousel.destroy() - carousel = undefined + destroyCarousel() } } } + /** Destroy carousel */ + const destroyCarousel = () => { + carousel.destroy() + carousel = undefined + } + /** Destroy carousel for larger screens */ const handleResize = debounce(initCarousel, 200) onMount(() => { - initCarousel() + if (innerWidth < 1200) { + initCarousel() + } // Destroy return () => { @@ -85,35 +92,30 @@ on:resize={handleResize} /> -{#if posters}