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"; import { signIn } from "next-auth/react";
const LoginPage = () => { const LoginPage = () => {
const providers = authOptions.providers; const provider = authOptions.providers[0];
return ( 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 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="flex items-center w-full gap-5">
<div className="border-t border-white flex-grow"></div> <div className="border-t border-white flex-grow"></div>
@ -26,16 +26,14 @@ const LoginPage = () => {
<h3 className="font-bold text-xl">Via</h3> <h3 className="font-bold text-xl">Via</h3>
<ul> <ul>
{providers.map((provider) => ( <li key={provider.id}>
<li key={provider.id}> <button
<button className="bg-white text-black p-2 rounded-md"
className="bg-white text-black p-2 rounded-md" onClick={() => signIn(provider.id)}
onClick={() => signIn(provider.id)} >
> {provider.name}
{provider.name} </button>
</button> </li>
</li>
))}
</ul> </ul>
</div> </div>
</div> </div>

2
src/app/layout.tsx
View File

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