fix some styles

view/src/routes/+layout.svelte

@@ -31,7 +31,8 @@
 	};
 </script>
 
-<div class="flex justify-end items-center min-h-10 gap-10 py-1 px-10 border-b border-accent">
+<div class="h-lvh flex flex-col">
+	<div class="flex justify-end items-center min-h-10 gap-10 py-1 px-10 border-b border-accent">
 		<a href="/" class="flex-1">ME-FIT</a>
 		{#if user}
 			<p>{user?.email}</p>
@@ -39,6 +40,9 @@
 		{:else}
 			<a href="/login" class="btn">Login</a>
 		{/if}
-</div>
+	</div>
 
-<slot></slot>
+	<div class="flex-1">
+		<slot></slot>
+	</div>
+</div>

view/src/routes/+page.svelte

@@ -1,3 +1,3 @@
-<div class="flex h-svh justify-center items-center">
+<div class="flex justify-center items-center h-full">
 	<h1 class="text-9xl text-primary-content">Welcome to ME-FIT</h1>
 </div>

view/src/routes/login/+page.svelte

@@ -23,7 +23,10 @@
 	};
 </script>
 
-<form class="max-w-xl mx-auto flex flex-col gap-4" on:submit|preventDefault={signIn}>
+<form
+	class="max-w-xl mx-auto flex flex-col gap-4 h-full justify-center"
+	on:submit|preventDefault={signIn}
+>
 	<h2 class="text-6xl mb-10">Login</h2>
 	<label class="input input-bordered flex items-center gap-2">
 		<svg