paul/task-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust spacing between menu bar and calendar view

Browse Source 
Adjust the `bottom` CSS property on the calendar container in `TasksWithCalendar.tsx` from `20` to `24` to provide adequate spacing above the bottom navigation bar.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ceced2fc-aa46-458d-ba87-ddd4b7bb1518
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/659922a9-0087-461c-90dd-6d9a58b81d4d/ceced2fc-aa46-458d-ba87-ddd4b7bb1518/XrG8SoT
This commit is contained in:
paul-nothaft
2025-09-11 11:48:12 +00:00
parent 328929004b
commit 89aa05385d
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.replit
+4
View File
@@ -14,6 +14,10 @@ run = ["npm", "run", "start"]
localPort = 5000 localPort = 5000
externalPort = 80 externalPort = 80
[[ports]]
localPort = 39485
externalPort = 3001
[[ports]] [[ports]]
localPort = 41353 localPort = 41353
externalPort = 3000 externalPort = 3000
client/src/components/TasksWithCalendar.tsx
+1 -1
View File
@@ -294,7 +294,7 @@ export default function TasksWithCalendar({ tasks, onTaskUpdate, onTaskEdit }: T
</div> </div>
{/* Calendar Section - Fixed at bottom with full width, above bottom nav */} {/* Calendar Section - Fixed at bottom with full width, above bottom nav */}
<div className="fixed bottom-20 left-0 right-0 bg-background z-[5]" style={{ borderTop: '1px solid rgb(229, 231, 235)' }}> <div className="fixed bottom-24 left-0 right-0 bg-background z-[5]" style={{ borderTop: '1px solid rgb(229, 231, 235)' }}>
<div className="p-3 max-h-[32vh] overflow-y-auto"> <div className="p-3 max-h-[32vh] overflow-y-auto">
{/* Calendar Header */} {/* Calendar Header */}
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3">