simonfranken/timetracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small UI fix

Browse Source
This commit is contained in:
Simon Franken
2026-02-16 19:36:15 +01:00
parent c516a097a3
commit 81b4a8ead2
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/pages/StatisticsPage.tsx
View File

@@ -155,26 +155,28 @@ export function StatisticsPage() {
{/* Total Hours Display */}
<div className="card bg-gradient-to-br from-primary-50 to-primary-100 border-primary-200">
<div className="flex items-center justify-between">
<div>
<p className="text-sm font-medium text-primary-700">
Total Working Time
</p>
<p className="text-4xl font-bold text-primary-900 mt-1">
{isLoading ? (
<span className="text-2xl">Loading...</span>
) : (
formatDuration(statistics?.totalSeconds || 0)
)}
<div className="flex items-center">
<div className="flex flex-col grow">
<div>
<p className="text-sm font-medium text-primary-700">
Total Working Time
</p>
<p className="text-4xl font-bold text-primary-900 mt-1">
{isLoading ? (
<span className="text-2xl">Loading...</span>
) : (
formatDuration(statistics?.totalSeconds || 0)
)}
</p>
</div>
<p className="mt-2 text-sm text-primary-600">
{statistics?.entryCount || 0} time entries
</p>
</div>
<div className="p-4 bg-primary-200 rounded-full">
<Clock className="h-8 w-8 text-primary-700" />
</div>
</div>
<p className="mt-2 text-sm text-primary-600">
{statistics?.entryCount || 0} time entries
</p>
</div>
{/* Breakdown by Project */}