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