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

fix: timer widget blocks dialogs #10

Merged
simonfranken merged 2 commits from bugfix-timer-widget-blocks-dialogs into main 2026-03-13 17:08:23 +00:00
Conversation 0 Commits 2 Files Changed 2 +4 -4
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1f4e12298e - Show all commits

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

@@ -4,9 +4,9 @@ import { TimerWidget } from './TimerWidget';
export function Layout() {
return (
<div className="min-h-screen bg-gray-50">
<div className="h-[100vh] w-[100vw] flex flex-col">
<Navbar />
<main className="pt-4 pb-24">
<main className="pt-4 pb-8 grow overflow-auto">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<Outlet />
</div>

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

@@ -147,7 +147,7 @@ export function TimerWidget() {
if (isLoading) {
return (
<div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 py-4 shadow-lg">
<div className="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>
@@ -156,7 +156,7 @@ export function TimerWidget() {
}
return (
<div className="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200 py-4 shadow-lg z-50">
<div className="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 flex-wrap sm:flex-nowrap items-center gap-2 sm:justify-between">
{ongoingTimer ? (
<>