src/routes/+layout.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<script>
  import "../app.css";
  import Navigation from "$lib/components/Navigation.svelte";
    import { onMount } from "svelte";

  // Compute viewport height.
  $: displayHeight = window.innerHeight;

  onMount(() => {
    document.body.style.height = `${displayHeight}px`;
  });
</script>

<div class={'leather h-full w-full flex flex-col items-center'}>
  <Navigation class='sticky top-0' />
  <slot />
</div>