ui: Auth - Username / Password - UI

This commit is contained in:
Eirene 2024-07-28 17:37:18 +08:00
parent 0c7233f077
commit 477d5c4c87
2 changed files with 8 additions and 7 deletions

View File

@ -2,13 +2,11 @@
import { auth } from '$lib/client/stores/auth'; import { auth } from '$lib/client/stores/auth';
</script> </script>
<div class="flex min-h-full flex-col justify-center py-12 px-6 lg:px-8"> <div class="flex min-h-dvh flex-col justify-center px-6 lg:px-8">
<div class="sm:mx-auto sm:w-full sm:max-w-md">
<img class="mx-auto w-64" src="../img/logo.svg" alt="Gardens by the Bay">
<h2 class="mt-4 text-center text-2xl font-semibold leading-9 tracking-tight text-gray-900">Sign in to your account</h2>
</div>
<div class="mt-6 mx-auto w-full max-w-md"> <h2 class="my-10 text-center text-2xl font-semibold leading-9 text-gray-900">Sign in to your account</h2>
<div class="mx-auto w-full max-w-md">
<div class="bg-white p-6 lg:py-12 rounded-lg sm:px-12 shadow-sm"> <div class="bg-white p-6 lg:py-12 rounded-lg sm:px-12 shadow-sm">
<form class="space-y-6" on:submit|preventDefault={auth.signIn}> <form class="space-y-6" on:submit|preventDefault={auth.signIn}>
<div> <div>
@ -31,4 +29,7 @@
</form> </form>
</div> </div>
</div> </div>
<div class="mt-auto">
<img class="mx-auto w-64" src="../img/logo.svg" alt="Gardens by the Bay">
</div>
</div> </div>

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB