base version, dark mode
This commit is contained in:
@@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user