base version, dark mode

This commit is contained in:
Dominik Natter
2025-03-28 09:23:20 +01:00
parent eb5e7572d7
commit 3bf1b15270

View File

@@ -11,28 +11,32 @@ import {
export function Stats() { export function Stats() {
return ( return (
<div className="flex flex-row space-x-4 gap-4 h-64"> <div className="flex flex-row space-x-4 gap-4 h-32">
<Card className="w-full"> <Card className="w-full">
<CardHeader className="relative"> <CardHeader className="relative">
<CardDescription>Total Characters</CardDescription>
<CardTitle className="@[250px]/card:text-3xl text-2xl font-semibold tabular-nums"> <CardTitle className="text-6xl font-semibold tabular-nums">
$1,250.00 03
</CardTitle> </CardTitle>
<CardDescription>Total Characters</CardDescription>
</CardHeader> </CardHeader>
</Card> </Card>
<Card className="w-full"> <Card className="w-full">
<CardHeader className="relative"> <CardHeader className="relative">
<CardDescription>Total Characters</CardDescription>
<CardTitle className="@[250px]/card:text-3xl text-2xl font-semibold tabular-nums"> <CardTitle className="text-6xl font-semibold tabular-nums">
$1,250.00 03
</CardTitle> </CardTitle>
<CardDescription>Word Count</CardDescription>
</CardHeader> </CardHeader>
</Card><Card className="w-full"> </Card>
<Card className="w-full">
<CardHeader className="relative"> <CardHeader className="relative">
<CardDescription>Total Characters</CardDescription>
<CardTitle className="@[250px]/card:text-3xl text-2xl font-semibold tabular-nums"> <CardTitle className="text-6xl font-semibold tabular-nums">
$1,250.00 03
</CardTitle> </CardTitle>
<CardDescription>Sentence Count</CardDescription>
</CardHeader> </CardHeader>
</Card> </Card>
</div> </div>