small UI fix

This commit is contained in:
2026-02-16 19:36:15 +01:00
parent c516a097a3
commit 81b4a8ead2

View File

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