e9bc75b52c
- Added React Router with Home, Login, Dashboard pages - Configured Tailwind CSS with custom theme - Installed shadcn/ui components (button, card, input, etc.)
34 lines
1.5 KiB
TypeScript
34 lines
1.5 KiB
TypeScript
import { Button } from "@/components/ui/button";
|
|
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
|
|
import { Input } from "@/components/ui/input";
|
|
import { Label } from "@/components/ui/label";
|
|
import { Link } from "react-router-dom";
|
|
|
|
export default function LoginPage() {
|
|
return (
|
|
<div className="flex items-center justify-center min-h-screen bg-muted/50">
|
|
<Card className="w-full max-w-md">
|
|
<CardHeader>
|
|
<CardTitle>Login</CardTitle>
|
|
<CardDescription>Enter your credentials to access the manager.</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-4">
|
|
<div className="space-y-2">
|
|
<Label htmlFor="email">Email</Label>
|
|
<Input id="email" type="email" placeholder="admin@example.com" />
|
|
</div>
|
|
<div className="space-y-2">
|
|
<Label htmlFor="password">Password</Label>
|
|
<Input id="password" type="password" />
|
|
</div>
|
|
</CardContent>
|
|
<CardFooter className="flex justify-between">
|
|
<Button variant="ghost" asChild>
|
|
<Link to="/">Back</Link>
|
|
</Button>
|
|
<Button>Sign In</Button>
|
|
</CardFooter>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|