frontend: centered content

Author: schmolldechse

frontend/src/routes/+layout.svelte

@@ -10,17 +10,19 @@
 	setContext("type", () => type);
 </script>
 
-<!-- Logo/ Navbar -->
-<div class="flex items-center justify-between bg-accent pr-4 dark:bg-transparent">
-	<a href="/">
-		<div class="flex cursor-pointer flex-row items-center">
-			<Logo />
-			<h1 class="relative top-[-0.25rem] hidden text-[2rem] font-bold md:inline">NAVIGATOR</h1>
-		</div>
-	</a>
+<div class="flex h-screen w-screen flex-col">
+	<!-- Logo/ Navbar -->
+	<div class="flex items-center justify-between bg-accent pr-4 dark:bg-transparent">
+		<a href="/">
+			<div class="flex cursor-pointer flex-row items-center">
+				<Logo />
+				<h1 class="relative top-[-0.25rem] hidden text-[2rem] font-bold md:inline">NAVIGATOR</h1>
+			</div>
+		</a>
 
-	<Navbar bind:type />
-</div>
+		<Navbar bind:type />
+	</div>
 
-<!-- Content -->
-{@render children()}
+	<!-- TimeTable/ Route Planner -->
+	{@render children()}
+</div>

frontend/src/routes/+page.svelte

@@ -25,7 +25,7 @@
 	}}
 />
 
-<div class="flex items-center justify-center">
+<div class="flex flex-[1] items-center justify-center">
 	{#if type() === "timetable"}
 		<TimeTable />
 	{:else if type() === "route_planner"}