Browse Source

Add a "construction" banner to the base layout

master
buttercat1791 11 months ago
parent
commit
689bd61ae5
  1. 8
      src/routes/+layout.svelte

8
src/routes/+layout.svelte

@ -3,6 +3,8 @@
import Navigation from "$lib/components/Navigation.svelte"; import Navigation from "$lib/components/Navigation.svelte";
import { onMount } from "svelte"; import { onMount } from "svelte";
import { page } from "$app/stores"; import { page } from "$app/stores";
import { Alert } from "flowbite-svelte";
import { HammerSolid } from "flowbite-svelte-icons";
// Compute viewport height. // Compute viewport height.
$: displayHeight = window.innerHeight; $: displayHeight = window.innerHeight;
@ -42,5 +44,11 @@
<div class={'leather min-h-full w-full flex flex-col items-center'}> <div class={'leather min-h-full w-full flex flex-col items-center'}>
<Navigation class='sticky top-0' /> <Navigation class='sticky top-0' />
<Alert rounded={false} class='border-t-4 border-primary-500 text-gray-900 dark:text-gray-100 dark:border-primary-500 flex justify-left'>
<HammerSolid class='mr-2 h-5 w-5 text-primary-500 dark:text-primary-500' />
<span class='font-medium'>
Pardon our dust! The publication view is currently using an experimental loader, and may be unstable.
</span>
</Alert>
<slot /> <slot />
</div> </div>

Loading…
Cancel
Save