reveil/ui/src/routes/+layout.svelte

44 lines
837 B
Svelte

<script>
import '../reveil.scss'
import "bootstrap-icons/font/bootstrap-icons.css";
import {
//Styles,
} from '@sveltestrap/sveltestrap';
import Header from '$lib/components/Header.svelte';
import Toaster from '$lib/components/Toaster.svelte';
import { ToastsStore } from '$lib/stores/toasts';
window.onunhandledrejection = (e) => {
ToastsStore.addErrorToast({
message: e.reason,
timeout: 7500,
})
}
</script>
<svelte:head>
<title>Réveil</title>
</svelte:head>
<!--Styles /-->
<Header
class="d-none d-lg-flex py-2"
/>
<div class="flex-fill d-flex flex-column bg-light">
<slot></slot>
<div class="d-flex d-lg-none mt-3 mb-5"></div>
</div>
<Toaster />
<Header
class="d-flex d-lg-none fixed-bottom"
/>
<style>
:global(a.badge) {
text-decoration: none;
}
</style>