Omer/youtuber-blog-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated login page

Browse Source
This commit is contained in:
Omer Sabic 2024-08-24 13:23:24 +02:00
parent ef73d3a9f0
commit f255c30b56
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/routes/(auth)/auth/+page.svelte
View File

@ -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"
/>