blob: af5125a17a4002339e446b223239d1b64e8d88ab (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<script lang="ts">
import { fadeDefault } from '$lib/Transitions';
import type { Snippet } from 'svelte';
import { fade } from 'svelte/transition';
let { children }: { children?: Snippet } = $props();
</script>
<div
class="flex flex-col gap-1 lg:grid lg:h-full lg:max-h-full lg:overflow-auto"
in:fade|global={fadeDefault}
>
{@render children?.()}
</div>
<style>
div {
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
grid-template-areas:
'header header'
'sidebar main';
}
</style>
|
