vitalitymailg/shorturl-analytics
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rm dark

Browse Source
This commit is contained in:
William Tso
2025-03-31 20:54:25 +08:00
parent 46f63d22da
commit 52969426a2
11 changed files with 91 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/analytics/DeviceAnalytics.tsx
View File

@@ -22,16 +22,16 @@ function StatCard({ title, items }: { title: string; items: { name: string; coun
};
return (
<div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
<h3 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">{title}</h3>
<div className="bg-white rounded-lg shadow p-6">
<h3 className="text-lg font-semibold text-gray-900 mb-4">{title}</h3>
<div className="space-y-4">
{items.map((item, index) => (
<div key={index}>
<div className="flex justify-between text-sm text-gray-600 dark:text-gray-400 mb-1">
<div className="flex justify-between text-sm text-gray-600 mb-1">
<span>{item.name || 'Unknown'}</span>
<span>{formatNumber(item.count)} ({formatPercent(item.percentage)}%)</span>
</div>
<div className="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2">
<div className="w-full bg-gray-200 rounded-full h-2">
<div
className="bg-blue-500 h-2 rounded-full"
style={{ width: `${item.percentage || 0}%` }}