DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 10 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

feat: add theme picker to login page layout

Browse source 
feat: add theme picker to login page layout
This commit is contained in:
Maximilian Liebmann 2025-05-11 13:07:35 +02:00 • committed by SomeCodecat
parent b2884d492a
commit 7e0a10029b
1 changed files with 18 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/app/login/page.tsx
View file

@ -5,6 +5,7 @@ import { redirect } from 'next/navigation';
import '@/app/globals.css';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { ThemePicker } from '@/components/user/theme-picker';
export default async function LoginPage() {
const session = await auth();
@ -15,20 +16,25 @@ export default async function LoginPage() {
return (
<div className='flex flex-col items-center justify-center h-screen'>
<Card className='w-[350px] max-w-screen'>
<CardHeader>
<CardTitle className='text-lg text-center'>Login</CardTitle>
</CardHeader>
<CardContent className='gap-6 flex flex-col'>
<LoginForm />
<div className='absolute top-4 right-4'>
<ThemePicker />
</div>
<div>
<Card className='w-[350px] max-w-screen'>
<CardHeader>
<CardTitle className='text-lg text-center'>Login</CardTitle>
</CardHeader>
<CardContent className='gap-6 flex flex-col'>
<LoginForm />
<hr />
<hr />
{process.env.AUTH_AUTHENTIK_ISSUER && (
<SSOLogin provider='authentik' providerDisplayName='SSO' />
)}
</CardContent>
</Card>
{process.env.AUTH_AUTHENTIK_ISSUER && (
<SSOLogin provider='authentik' providerDisplayName='SSO' />
)}
</CardContent>
</Card>
</div>
</div>
);
}