Toogether/Client
2
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

refactor: Update login page and layout styles

Browse Source
This commit is contained in:
M1000fr 2024-12-12 16:56:48 +01:00
parent 2ff781feea
commit 716642142f
2 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/app/auth/login/page.tsx
View File

@ -3,10 +3,10 @@ import { authOptions } from "@/authOptions";
import { signIn } from "next-auth/react";
const LoginPage = () => {
const providers = authOptions.providers;
const provider = authOptions.providers[0];
return (
<div className="flex flex-col h-screen items-center justify-center bg-gradient-to-br from-green-700 to-green-950 bg-[length:200%_200%] animate-gradient-x">
<div className="flex flex-col h-screen items-center justify-center bg-gradient-to-br from-green-700 to-green-950 bg-[length:200%_200%] animate-gradient-x text-white">
<div className="flex flex-col justify-center items-center w-1/2 gap-6 bg-black bg-opacity-40 p-4 rounded-md">
<div className="flex items-center w-full gap-5">
<div className="border-t border-white flex-grow"></div>
@ -26,16 +26,14 @@ const LoginPage = () => {
<h3 className="font-bold text-xl">Via</h3>
<ul>
{providers.map((provider) => (
<li key={provider.id}>
<button
className="bg-white text-black p-2 rounded-md"
onClick={() => signIn(provider.id)}
>
{provider.name}
</button>
</li>
))}
<li key={provider.id}>
<button
className="bg-white text-black p-2 rounded-md"
onClick={() => signIn(provider.id)}
>
{provider.name}
</button>
</li>
</ul>
</div>
</div>

2
src/app/layout.tsx
View File

@ -8,7 +8,7 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className="text-white">
<body>
<SessionProviderWrapper>{children}</SessionProviderWrapper>
</body>
</html>