Use PageTransition component on every route

- Scrolls back to top when mounting new page with a timeout of the delay
- Rename photo Viewer class
- Change Shop posters section text from p to label
This commit is contained in:
2021-12-07 21:58:17 +01:00
parent f15a2f2e47
commit 06db598b90
14 changed files with 79 additions and 66 deletions

View File

@@ -6,10 +6,11 @@
import type { AnimeTimelineInstance } from 'animejs'
// Components
import Metas from '$components/Metas.svelte'
import PageTransition from '$components/PageTransition.svelte'
import Image from '$components/atoms/Image.svelte'
import Heading from '$components/molecules/Heading.svelte'
import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte';
import EmailForm from '$components/molecules/EmailForm.svelte';
import EmailForm from '$components/molecules/EmailForm.svelte'
import InteractiveGlobe from '$components/organisms/InteractiveGlobe.svelte'
export let data: any
export let issues: any
@@ -69,7 +70,7 @@
image=""
/>
<main class="subscribe">
<PageTransition name="subscribe">
<div class="subscribe__top">
<Heading
text={data.newsletter_page_text}
@@ -104,7 +105,7 @@
</section>
<InteractiveGlobe type="cropped" />
</main>
</PageTransition>
<script context="module" lang="ts">