Initial commit0.1.0

1 files changed, 23 insertions, 0 deletions

diff --git a/frontend/src/lib/containers/Grid.svelte b/frontend/src/lib/containers/Grid.svelte
new file mode 100644
index 0000000..1224156
--- /dev/null
+++ b/frontend/src/lib/containers/Grid.svelte
@@ -0,0 +1,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>