summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/containers/Grid.svelte
blob: 122415622e40b701ed3d31f3e6fedc2f6f5f4518 (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
<script>
	import { fadeDefault } from '$lib/Transitions';

	import { fade } from 'svelte/transition';
</script>

<div
	class="flex flex-col gap-1 lg:grid lg:h-full lg:max-h-full lg:overflow-auto"
	in:fade|global={fadeDefault}
>
	<slot />
</div>

<style>
	div {
		grid-template-columns: auto 1fr;
		grid-template-rows: auto 1fr;

		grid-template-areas:
			'header header'
			'sidebar main';
	}
</style>