From f255c30b5684080d021bdb44a6a8fe33b1fe6d92 Mon Sep 17 00:00:00 2001
From: Omer Sabic <osabic2004@gmail.com>
Date: Sat, 24 Aug 2024 13:23:24 +0200
Subject: [PATCH] updated login page

---
 src/routes/(auth)/auth/+page.svelte | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/(auth)/auth/+page.svelte b/src/routes/(auth)/auth/+page.svelte
index 7349817..7094aaf 100644
--- a/src/routes/(auth)/auth/+page.svelte
+++ b/src/routes/(auth)/auth/+page.svelte
@@ -8,14 +8,15 @@
 
 <ModeWatcher />
 
-<div class="mx-auto flex h-screen w-screen max-w-64 items-center justify-center">
+<div class="mx-auto flex h-screen w-screen items-center justify-center flex-col">
+	<h2 class="text-lg font-bold pb-4">Press the button to log in or create an account</h2>
 	<!-- <Button href="{config.api_url}/auth/google"><GoogleIcon class="h-4 w-4 mr-2" /> Log in with google</Button> -->
 	<a
 		href="{config.api_url}/auth/google"
-		class="group/btn relative flex h-10 w-full items-center justify-start space-x-2 rounded-md bg-gray-50 px-4 font-medium text-black shadow-input dark:bg-zinc-900 dark:shadow-[0px_0px_1px_1px_var(--neutral-800)]"
+		class="group/btn relative flex max-w-64 h-10 w-full items-center justify-start space-x-2 rounded-md bg-gray-50 px-4 font-medium text-black shadow-input dark:bg-zinc-900 dark:shadow-[0px_0px_1px_1px_var(--neutral-800)]"
 	>
 		<IconBrandGoogle class="h-4 w-4 text-neutral-800 dark:text-neutral-300" />
-		<span class="text-sm text-neutral-700 dark:text-neutral-300"> Google </span>
+		<span class="text-sm text-neutral-700 dark:text-neutral-300"> Log in with Google </span>
 		<span
 			class="absolute inset-x-0 -bottom-px block h-px w-full bg-gradient-to-r from-transparent via-cyan-500 to-transparent opacity-0 transition duration-500 group-hover/btn:opacity-100"
 		/>