Michael/Socialflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Socialflow.git synced 2026-10-11 17:26:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust date and time picker window size for better non-mobile display

Browse Source 
Constrain the max-width of the PopoverContent component in `DateTimePicker` to 280px to prevent layout issues on non-mobile viewports.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/sCmMzVy
This commit is contained in:
michaelschal committed 2025-10-28 15:59:22 +00:00
1 parent f401357cb3
commit 58ba98a69b
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/datetime-picker.tsx
+1 -1
View File
@@ -135,7 +135,7 @@ export function DateTimePicker({ value, onChange, occupiedDates = [], placeholde
{String(selectedHour).padStart(2, '0')}:{String(selectedMinute).padStart(2, '0')} {String(selectedHour).padStart(2, '0')}:{String(selectedMinute).padStart(2, '0')}
</Button> </Button>
</PopoverTrigger> </PopoverTrigger>
<PopoverContent className="w-auto p-0" align="start"> <PopoverContent className="w-auto max-w-[280px] p-0" align="start">
<div className="flex"> <div className="flex">
<ScrollArea className="h-48"> <ScrollArea className="h-48">
<div className="p-1.5"> <div className="p-1.5">