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

feat: add theme picker to login page layout

Browse source
This commit is contained in:
Maximilian Liebmann 2025-05-11 13:07:35 +02:00 • committed by SomeCodecat
parent 671eab15b8
commit ce39729d74
1 changed files with 18 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,6 +7,7 @@ import Image from 'next/image';
import '@/app/globals.css'; import '@/app/globals.css';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { ThemePicker } from '@/components/user/theme-picker';
import { import {
HoverCard, HoverCard,
HoverCardTrigger, HoverCardTrigger,
@ -23,6 +24,10 @@ export default async function LoginPage() {
return ( return (
<div className='flex flex-col items-center justify-center h-screen'> <div className='flex flex-col items-center justify-center h-screen'>
<div className='flex flex-col items-center justify-center h-screen'> <div className='flex flex-col items-center justify-center h-screen'>
<div className='absolute top-4 right-4'>
<ThemePicker />
</div>
<div>
<Card className='w-[350px] max-w-screen'> <Card className='w-[350px] max-w-screen'>
<CardHeader> <CardHeader>
<CardTitle className='text-lg text-center'>Login</CardTitle> <CardTitle className='text-lg text-center'>Login</CardTitle>
@ -38,6 +43,7 @@ export default async function LoginPage() {
</CardContent> </CardContent>
</Card> </Card>
</div> </div>
</div>
<HoverCard> <HoverCard>
<HoverCardTrigger className='text-sm text-muted-foreground hover:underline'> <HoverCardTrigger className='text-sm text-muted-foreground hover:underline'>
<Button variant='link'>made with love</Button> <Button variant='link'>made with love</Button>