feat: refactor UI components and integrate Tailwind CSS for styling

This commit is contained in:
Maximilian Liebmann 2025-05-08 23:41:15 +02:00
parent fc3431f8f4
commit e75e1eb2db
16 changed files with 359 additions and 263 deletions

View file

@ -3,8 +3,6 @@ import SSOLogin from '@/components/user/sso-login-button';
import LoginForm from '@/components/user/login-form';
import { redirect } from 'next/navigation';
import style from './login.module.css';
import '@/app/globals.css';
export default async function LoginPage() {
@ -15,16 +13,18 @@ export default async function LoginPage() {
}
return (
<div className={style.loginContainer}>
<h1>Login</h1>
<div className='flex flex-col items-center justify-center h-screen'>
<div className='flex flex-col items-center justify-center w-full max-w-sm p-15 gap-10 bg-white border border-gray-300 rounded-lg shadow-md'>
<h1>Login</h1>
<LoginForm></LoginForm>
<LoginForm></LoginForm>
<hr style={{ width: 230 }} />
<hr style={{ width: 230 }} />
{process.env.AUTH_AUTHENTIK_ISSUER && (
<SSOLogin provider='authentik' providerDisplayName='SSO' />
)}
{process.env.AUTH_AUTHENTIK_ISSUER && (
<SSOLogin provider='authentik' providerDisplayName='SSO' />
)}
</div>
</div>
);
}