29_12_25
This commit is contained in:
@@ -243,7 +243,7 @@ export default function App() {
|
|||||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
|
||||||
{kpis.map((kpi) => {
|
{kpis.map((kpi) => {
|
||||||
const Icon = kpi.icon;
|
const Icon = kpi.icon;
|
||||||
const isPositive = kpi.delta >= 0;
|
const isPositive = kpi.trendValue >= 0;
|
||||||
return (
|
return (
|
||||||
<Card
|
<Card
|
||||||
key={kpi.title}
|
key={kpi.title}
|
||||||
@@ -256,7 +256,7 @@ export default function App() {
|
|||||||
<Title className="text-sm text-center">{kpi.title}</Title>
|
<Title className="text-sm text-center">{kpi.title}</Title>
|
||||||
<Text className="text-4xl font-bold text-center">{kpi.value}</Text>
|
<Text className="text-4xl font-bold text-center">{kpi.value}</Text>
|
||||||
|
|
||||||
<div className="mt-4 flex items-center gap-2">
|
<div className="mt-4 flex flex-col items-center gap-1">
|
||||||
<span
|
<span
|
||||||
className={`
|
className={`
|
||||||
px-2 py-0.5 text-xs font-semibold rounded-md border
|
px-2 py-0.5 text-xs font-semibold rounded-md border
|
||||||
@@ -272,7 +272,7 @@ export default function App() {
|
|||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span className="text-xs text-gray-500 dark:text-gray-400">
|
<span className="text-xs text-gray-500 dark:text-gray-400">
|
||||||
this month
|
vs last month
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
|
|||||||
Reference in New Issue
Block a user