junte/assessment-model
1
0
Fork 0
mirror of https://github.com/Hestia-Homes/assessment-model.git synced 2026-06-08 11:37:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tidied up sign in page

Browse source
This commit is contained in:
Khalim Conn-Kowlessar 2023-05-31 21:43:36 +01:00
parent 75ae4db508
commit a89ae6155b
3 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/hestiaIcon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

4
src/app/components/signin/GoogleSignInButton.jsx
View file

@ -11,7 +11,7 @@ const GoogleSignInButton = () => {
return (
<Button
className="w-full"
className="w-full text-black"
onClick={() => signIn("google", { callbackUrl })}
>
<svg
@ -24,7 +24,7 @@ const GoogleSignInButton = () => {
viewBox="0 0 488 512"
>
<path
fill="red"
fill="blue"
d="M488 261.8C488 403.3 391.1 504 248 504 110.8 504 0 393.2 0 256S110.8 8 248 8c66.8 0 123 24.5 166.3 64.9l-67.5 64.9C258.5 52.6 94.3 116.6 94.3 256c0 86.5 69.1 156.6 153.7 156.6 98.2 0 135-70.4 140.8-106.9H248v-85.3h236.1c2.3 12.7 3.9 24.9 3.9 41.4z"
></path>
</svg>

8
src/app/page.tsx
View file

@ -2,6 +2,7 @@ import { getServerSession } from "next-auth/next";
import { AuthOptions } from "./api/auth/[...nextauth]/route";
import GoogleSignInButton from "./components/signin/GoogleSignInButton";
import { redirect } from "next/navigation";
import Link from "next/link";
export default async function Home() {
const session = await getServerSession(AuthOptions);
@ -11,9 +12,10 @@ export default async function Home() {
}
return (
<section className="flex min-h-full overflow-hidden pt-16 sm:py-28">
<div className="mx-auto flex w-full max-w-2xl flex-col px-4 sm:px-6">
<h1 className="text-center text-2xl font-medium tracking-tight text-gray-900">
<section className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-r from-brandblue via-hoverblue to-brandmidblue">
<div className="w-full max-w-md p-8 bg-white rounded-lg shadow-lg flex flex-col items-center">
<img className="h-10 w-7 mb-8" src="/hestiaIcon.png" alt="Logo" />
<h1 className="text-3xl font-medium text-gray-900 mb-8 text-center">
Sign in to your account
</h1>
<GoogleSignInButton />