This is the template for us to work on.

2026-06-17 17:35:54 +02:00
parent 3f839bc0fc
commit f1a1db5ff6
4 changed files with 14 additions and 50 deletions
@@ -51,15 +51,16 @@ export function LeadStatusChart({ data }: LeadStatusChartProps) {
      initial={{ opacity: 0, y: 20 }}
      animate={{ opacity: 1, y: 0 }}
      transition={{ duration: 0.3, delay: 0.2 }}
+      className="h-full"
    >
-      <Card>
+      <Card className="h-full">
        <CardHeader>
          <CardTitle>Lead Status</CardTitle>
        </CardHeader>
-        <CardContent>
-          <div className="flex flex-col items-center">
+        <CardContent className="flex flex-1 flex-col">
+          <div className="flex flex-1 flex-col items-center justify-center">
            {/* Donut */}
-            <svg width="280" height="280" viewBox="0 0 320 320" className="overflow-visible">
+            <svg width="100%" height="100%" viewBox="0 0 320 320" className="max-h-full overflow-visible" style={{ maxWidth: "280px" }}>
              <defs>
                {segs.map((s, i) => (
                  <radialGradient key={i} id={`chart-grad-${i}`} cx="50%" cy="50%" r="50%">