From 98c6f570087434f51ecb40fd0b118b37e6b16fbe Mon Sep 17 00:00:00 2001
From: Tim Wundenberg <tim@wundenbergs.de>
Date: Fri, 26 Jul 2024 23:36:39 +0200
Subject: [PATCH] fix some styles

---
 view/src/routes/+layout.svelte     | 24 ++++++++++++++----------
 view/src/routes/+page.svelte       |  2 +-
 view/src/routes/login/+page.svelte |  5 ++++-
 3 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/view/src/routes/+layout.svelte b/view/src/routes/+layout.svelte
index e736b38..41c51f9 100644
--- a/view/src/routes/+layout.svelte
+++ b/view/src/routes/+layout.svelte
@@ -31,14 +31,18 @@
 	};
 </script>
 
-<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>
-		<button class="btn" on:click={async () => signOut()}>Logout</button>
-	{:else}
-		<a href="/login" class="btn">Login</a>
-	{/if}
-</div>
+<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>
+			<button class="btn" on:click={async () => signOut()}>Logout</button>
+		{:else}
+			<a href="/login" class="btn">Login</a>
+		{/if}
+	</div>
 
-<slot></slot>
+	<div class="flex-1">
+		<slot></slot>
+	</div>
+</div>
diff --git a/view/src/routes/+page.svelte b/view/src/routes/+page.svelte
index 5ba6853..86108b0 100644
--- a/view/src/routes/+page.svelte
+++ b/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>
diff --git a/view/src/routes/login/+page.svelte b/view/src/routes/login/+page.svelte
index f88933e..65d7a69 100644
--- a/view/src/routes/login/+page.svelte
+++ b/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