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

update

Browse Source
This commit is contained in:
simon.franken
2026-02-18 16:08:42 +01:00
parent f5c0a0b2f7
commit 0f6e55302a
10 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/Layout.tsx
View File

@@ -6,8 +6,8 @@ export function Layout() {
return (
<div className="min-h-screen bg-gray-50">
<Navbar />
<main className="pt-4 pb-24 px-4 sm:px-6 lg:px-8">
<div className="max-w-7xl mx-auto">
<main className="pt-4 pb-24">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<Outlet />
</div>
</main>

4
frontend/src/components/Navbar.tsx
View File

@@ -114,8 +114,8 @@ export function Navbar() {
</div>
</div>
<div className="flex items-center space-x-4">
<span className="text-sm text-gray-600 hidden sm:block">
{user?.username}
<span className="text-sm font-medium text-gray-600 hidden sm:block">
{user?.fullName || user?.username}
</span>
<button
onClick={logout}

10
frontend/src/components/TimerWidget.tsx
View File

@@ -80,8 +80,8 @@ export function TimerWidget() {
if (isLoading) {
return (
<div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 p-4 shadow-lg">
<div className="max-w-7xl mx-auto flex items-center justify-center">
<div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 py-4 shadow-lg">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center">
<div className="animate-spin rounded-full h-6 w-6 border-b-2 border-primary-600"></div>
</div>
</div>
@@ -89,8 +89,8 @@ export function TimerWidget() {
}
return (
<div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 p-4 shadow-lg z-50">
<div className="max-w-7xl mx-auto flex flex-wrap sm:flex-nowrap items-center gap-2 sm:justify-between">
<div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 py-4 shadow-lg z-50">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-wrap sm:flex-nowrap items-center gap-2 sm:justify-between">
{ongoingTimer ? (
<>
{/* Row 1 (mobile): timer + stop side by side. On sm+ dissolves into the parent flex row via contents. */}
@@ -183,7 +183,7 @@ export function TimerWidget() {
</div>
{error && (
<div className="max-w-7xl mx-auto mt-2">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-2">
<p className="text-sm text-red-600">{error}</p>
</div>
)}