boredgame/src/routes/(app)/+layout.svelte

29 lines
583 B
Svelte

<script lang="ts">
import 'iconify-icon';
import Footer from '$components/Footer.svelte';
import Header from '$components/Header.svelte';
const { data, children } = $props();
</script>
<div class="flex min-h-screen w-full flex-col">
<Header user={data.user} />
<main
class="flex min-h-[calc(100vh-theme(spacing.16))] flex-1 flex-col gap-4 p-4 md:gap-8 md:p-10"
>
{@render children()}
</main>
<Footer />
</div>
<style lang="postcss">
:global(.dialog-overlay) {
position: fixed;
inset: 0;
z-index: 100;
background-color: rgb(0 0 0);
opacity: 0.8;
}
</style>