From 3bf1b15270b76e8cd0b256123fc939526d0c10e5 Mon Sep 17 00:00:00 2001
From: Dominik Natter <dominik.natter@nattergroup.com>
Date: Fri, 28 Mar 2025 09:23:20 +0100
Subject: [PATCH] base version, dark mode

---
 src/components/Stats.tsx | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/components/Stats.tsx b/src/components/Stats.tsx
index b0a33f9..01fba6b 100644
--- a/src/components/Stats.tsx
+++ b/src/components/Stats.tsx
@@ -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>
     )
 }