Michael/Socialflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Socialflow.git synced 2026-10-23 15:08:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Improve time selection on mobile for new posts

Browse Source 
Adjust PopoverContent props in DateTimePicker.tsx for better alignment and collision handling, resolving mobile display issues.

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/cOs6ffF
This commit is contained in:
michaelschal committed 2025-10-29 06:47:59 +00:00
1 parent 83f3e35443
commit 52c0d46f87
1 file changed
+8 -1
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/datetime-picker.tsx
+8 -1
View File
@@ -135,7 +135,14 @@ 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 min-w-[200px] max-w-[280px] p-0" align="center"> <PopoverContent
className="w-auto min-w-[200px] max-w-[280px] p-0"
align="center"
side="bottom"
sideOffset={8}
collisionPadding={16}
avoidCollisions={true}
>
<div className="flex"> <div className="flex">
<ScrollArea className="h-48 min-w-[96px] flex-1"> <ScrollArea className="h-48 min-w-[96px] flex-1">
<div className="p-1.5"> <div className="p-1.5">