src/routes/+layout.svelte


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 '../app.css';
	import Nav from '$lib/components/Nav.svelte';

	let { children } = $props();
</script>

<svelte:head>
	<title>Courses</title>
</svelte:head>

<div class="app">
	<Nav />
	{@render children()}
</div>

<style>
	.app {
		max-width: 36rem;
		margin: 0 auto;
		padding: 0 1rem 2rem;
	}
</style>