Files
calorie-tracker/src/App.svelte
2022-09-16 17:15:12 +03:00

25 lines
623 B
Svelte

<script lang="ts">
import { fade } from 'svelte/transition';
import Header from '$lib/components/Header.svelte';
import Index from '$lib/Index.svelte';
import { theme } from '$lib/stores/theme';
$: {
document.documentElement.setAttribute('data-theme', $theme);
document.documentElement.classList.value = $theme;
}
</script>
{#await theme.load() then}
<div
class="font-sans bg-base-100 text-base-content h-screen flex flex-col overflow-y-auto overflow-x-hidden"
>
<Header />
<main class="flex-1" in:fade={{ delay: 300, duration: 1000 }}>
<Index />
</main>
</div>
{/await}