mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-04-27 01:21:22 +00:00
27 lines
687 B
Svelte
27 lines
687 B
Svelte
<script lang="ts">
|
|
import { dev } from '$app/environment';
|
|
import { Metadata, SiteFooter, SiteNavBar, TailwindIndicator } from '$lib/components/site';
|
|
import '../styles/globals.css';
|
|
import { ModeWatcher } from 'mode-watcher';
|
|
import { fly } from 'svelte/transition';
|
|
export let data;
|
|
</script>
|
|
|
|
<ModeWatcher />
|
|
|
|
<Metadata />
|
|
|
|
<div class="relative flex min-h-screen flex-col" id="page">
|
|
<SiteNavBar />
|
|
<main class="container relative mb-4 max-w-[980px] flex-1">
|
|
{#key data.url}
|
|
<div in:fly={{ x: -200, duration: 200, delay: 100 }} out:fly={{ x: 200, duration: 100 }}>
|
|
<slot />
|
|
</div>
|
|
{/key}
|
|
</main>
|
|
<SiteFooter />
|
|
{#if dev}
|
|
<TailwindIndicator />
|
|
{/if}
|
|
</div>
|