layout reset

src/routes/__layout.svelte

@@ -27,10 +27,16 @@
 
 <Notifications />
 
-<slot />
+<main>
+	<slot />
+</main>
 
-<style global>
-	:root {
+<style>
+	main {
+		max-width: 48rem;
+		margin: 0 auto;
+	}
+	:global(:root) {
 		--main-color-hue: 343;
 		--color-primary: var(--main-color-hue) 87% 56%; /*#f02e65*/
 		--color-primary-hover: var(--main-color-hue) 100% 72%; /*#ff729b*/

src/routes/console/__layout.reset.svelte

@@ -6,6 +6,7 @@
 	import { user } from '$lib/stores/user';
 	import { onMount } from 'svelte';
 	import Header from '$lib/layout/header.svelte';
+	import Notifications from '$lib/layout/notifications.svelte';
 
 	onMount(async () => {
 		try {
@@ -18,6 +19,7 @@
 	});
 </script>
 
+<Notifications />
 <Shell>
 	<svelte:fragment slot="header">
 		<Header />