feat: refactor UI components and integrate Tailwind CSS for styling
This commit is contained in:
parent
fc3431f8f4
commit
e75e1eb2db
16 changed files with 359 additions and 263 deletions
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue