diff --git a/src/screens/Launch.svelte b/src/screens/Launch.svelte index d6a0459..d2b66d7 100644 --- a/src/screens/Launch.svelte +++ b/src/screens/Launch.svelte @@ -53,7 +53,7 @@ releaseStreamToReadable, urlIsValidImage, } from '@/utils'; - import { fade, scale } from 'svelte/transition'; + import { crossfade, fade, scale } from 'svelte/transition'; import { Checkbox } from '@/components/ui/checkbox'; import Label from '@/components/ui/label/label.svelte'; import { @@ -111,7 +111,17 @@ import { EZPPActionStatus } from '@/types'; import * as presence from '@/presence'; + const tabs = [ + { name: 'Home', key: 'home' }, + { + name: 'Settings', + key: 'settings', + }, + ]; let selectedTab = $state('home'); + let [tab_send, tab_receive] = crossfade({ + duration: $reduceAnimations ? 0 : 400, + }); let progress = $state(-1); let launchInfo = $state(''); let launchError = $state(undefined); @@ -889,7 +899,7 @@
- + {/each}
{#if selectedTab === 'home'}