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:49 +00:00
parent c168e13c38
commit d8b86a026a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Analytics.tsx
+4 -4
View File
@@ -141,10 +141,10 @@ export default function AnalyticsPage() {
<Card key={metric.title} className="border-0 shadow-sm hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300"> <Card key={metric.title} className="border-0 shadow-sm hover:shadow-lg hover:-translate-y-0.5 transition-all duration-300">
<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 \${metric.color}`}> <div className={`flex items-center justify-center h-12 w-12 rounded-xl ${metric.color}`}>
<metric.icon className="h-6 w-6" /> <metric.icon className="h-6 w-6" />
</div> </div>
<div className={`flex items-center gap-1 text-sm font-medium \${metric.trend === "up" ? "text-emerald-600" : "text-red-600"}`}> <div className={`flex items-center gap-1 text-sm font-medium ${metric.trend === "up" ? "text-emerald-600" : "text-red-600"}`}>
{metric.trend === "up" ? <ArrowUpRight className="h-4 w-4" /> : <ArrowDownRight className="h-4 w-4" />} {metric.trend === "up" ? <ArrowUpRight className="h-4 w-4" /> : <ArrowDownRight className="h-4 w-4" />}
{metric.change} {metric.change}
</div> </div>
@@ -182,7 +182,7 @@ export default function AnalyticsPage() {
<div className="grid grid-cols-2 gap-3 mt-4"> <div className="grid grid-cols-2 gap-3 mt-4">
{trafficSources.map((source) => ( {trafficSources.map((source) => (
<div key={source.name} className="flex items-center gap-2"> <div key={source.name} className="flex items-center gap-2">
<div className={`h-3 w-3 rounded-full \${source.color}`} /> <div className={`h-3 w-3 rounded-full ${source.color}`} />
<span className="text-sm text-slate-600">{source.name}</span> <span className="text-sm text-slate-600">{source.name}</span>
<span className="text-sm font-medium text-slate-900 ml-auto">{source.value}%</span> <span className="text-sm font-medium text-slate-900 ml-auto">{source.value}%</span>
</div> </div>
@@ -265,7 +265,7 @@ export default function AnalyticsPage() {
<div className="h-2 bg-slate-100 rounded-full overflow-hidden"> <div className="h-2 bg-slate-100 rounded-full overflow-hidden">
<div <div
className="h-full bg-gradient-to-r from-sky-500 to-sky-400 rounded-full transition-all" className="h-full bg-gradient-to-r from-sky-500 to-sky-400 rounded-full transition-all"
style={{ width: `\${geo.pct}%` }} style={{ width: `${geo.pct}%` }}
/> />
</div> </div>
</div> </div>