vibeasite-templates/template-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: dashboard template (24 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:56:48 +00:00
parent 9f06faba9a
commit c168e13c38
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Index.tsx
+3 -3
View File
@@ -102,10 +102,10 @@ export default function IndexPage() {
<Card key={kpi.title} className="border-0 shadow-sm hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300 backdrop-blur-sm bg-card/80"> <Card key={kpi.title} className="border-0 shadow-sm hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300 backdrop-blur-sm bg-card/80">
<CardContent className="p-6"> <CardContent className="p-6">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className={`flex items-center justify-center h-12 w-12 rounded-xl \${kpi.color}`}> <div className={`flex items-center justify-center h-12 w-12 rounded-xl ${kpi.color}`}>
<kpi.icon className="h-6 w-6" /> <kpi.icon className="h-6 w-6" />
</div> </div>
<div className={`flex items-center gap-1 text-sm font-medium \${kpi.trend === "up" ? "text-emerald-600" : "text-red-600"}`}> <div className={`flex items-center gap-1 text-sm font-medium ${kpi.trend === "up" ? "text-emerald-600" : "text-red-600"}`}>
{kpi.trend === "up" ? <TrendingUp className="h-3.5 w-3.5" /> : <TrendingDown className="h-3.5 w-3.5" />} {kpi.trend === "up" ? <TrendingUp className="h-3.5 w-3.5" /> : <TrendingDown className="h-3.5 w-3.5" />}
{kpi.change} {kpi.change}
</div> </div>
@@ -183,7 +183,7 @@ export default function IndexPage() {
<TableCell className="text-slate-600">{order.customer}</TableCell> <TableCell className="text-slate-600">{order.customer}</TableCell>
<TableCell className="font-medium text-slate-900">{order.amount}</TableCell> <TableCell className="font-medium text-slate-900">{order.amount}</TableCell>
<TableCell> <TableCell>
<Badge variant="secondary" className={`\${order.statusColor} border-0 font-medium`}> <Badge variant="secondary" className={`${order.statusColor} border-0 font-medium`}>
{order.status} {order.status}
</Badge> </Badge>
</TableCell> </TableCell>