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,30 +11,34 @@ import {
export function Stats() {
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">
<CardHeader className="relative">
<CardDescription>Total Characters</CardDescription>
<CardTitle className="@[250px]/card:text-3xl text-2xl font-semibold tabular-nums">
$1,250.00
<CardTitle className="text-6xl font-semibold tabular-nums">
03
</CardTitle>
<CardDescription>Total Characters</CardDescription>
</CardHeader>
</Card>
<Card className="w-full">
<CardHeader className="relative">
<CardDescription>Total Characters</CardDescription>
<CardTitle className="@[250px]/card:text-3xl text-2xl font-semibold tabular-nums">
$1,250.00
<CardTitle className="text-6xl font-semibold tabular-nums">
03
</CardTitle>
<CardDescription>Word Count</CardDescription>
</CardHeader>
</Card><Card className="w-full">
<CardHeader className="relative">
<CardDescription>Total Characters</CardDescription>
<CardTitle className="@[250px]/card:text-3xl text-2xl font-semibold tabular-nums">
$1,250.00
</CardTitle>
</CardHeader>
</Card>
</Card>
<Card className="w-full">
<CardHeader className="relative">
<CardTitle className="text-6xl font-semibold tabular-nums">
03
</CardTitle>
<CardDescription>Sentence Count</CardDescription>
</CardHeader>
</Card>
</div>
)
}