embroidery-viewer/src/routes/+layout.svelte

34 lines
580 B
Svelte

<script>
import { browser } from '$app/environment';
import { onMount } from 'svelte';
import Header from '$lib/components/Header.svelte';
import Footer from '$lib/components/Footer.svelte';
import Analytics from '$lib/components/Analytics.svelte';
let mounted = false;
if (browser) {
onMount(() => {
mounted = true;
});
}
</script>
<Analytics />
{#if mounted}
<Header />
<main>
<slot />
</main>
<Footer />
{/if}
<style>
main {
flex: 1; /* This pushes footer to bottom */
padding: 20px;
min-height: 90vh;
}
</style>