feat: add theme picker to login page layout
This commit is contained in:
parent
671eab15b8
commit
ce39729d74
1 changed files with 18 additions and 12 deletions
|
@ -7,6 +7,7 @@ import Image from 'next/image';
|
|||
|
||||
import '@/app/globals.css';
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
|
||||
import { ThemePicker } from '@/components/user/theme-picker';
|
||||
import {
|
||||
HoverCard,
|
||||
HoverCardTrigger,
|
||||
|
@ -23,6 +24,10 @@ export default async function LoginPage() {
|
|||
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='absolute top-4 right-4'>
|
||||
<ThemePicker />
|
||||
</div>
|
||||
<div>
|
||||
<Card className='w-[350px] max-w-screen'>
|
||||
<CardHeader>
|
||||
<CardTitle className='text-lg text-center'>Login</CardTitle>
|
||||
|
@ -38,6 +43,7 @@ export default async function LoginPage() {
|
|||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
<HoverCard>
|
||||
<HoverCardTrigger className='text-sm text-muted-foreground hover:underline'>
|
||||
<Button variant='link'>made with love</Button>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue