diff --git a/client/src/components/Planner/PlaceInspector.tsx b/client/src/components/Planner/PlaceInspector.tsx index 7d46a7c..766ce0a 100644 --- a/client/src/components/Planner/PlaceInspector.tsx +++ b/client/src/components/Planner/PlaceInspector.tsx @@ -120,12 +120,15 @@ interface PlaceInspectorProps { tripMembers?: TripMember[] onSetParticipants: (assignmentId: number, dayId: number, participantIds: number[]) => void onUpdatePlace: (placeId: number, data: Partial) => void + leftWidth?: number + rightWidth?: number } export default function PlaceInspector({ place, categories, days, selectedDayId, selectedAssignmentId, assignments, reservations = [], onClose, onEdit, onDelete, onAssignToDay, onRemoveAssignment, files, onFileUpload, tripMembers = [], onSetParticipants, onUpdatePlace, + leftWidth = 0, rightWidth = 0, }: PlaceInspectorProps) { const { t, locale, language } = useTranslation() const timeFormat = useSettingsStore(s => s.settings.time_format) || '24h' @@ -196,9 +199,9 @@ export default function PlaceInspector({ style={{ position: 'absolute', bottom: 20, - left: '50%', + left: `calc(${leftWidth}px + (100% - ${leftWidth}px - ${rightWidth}px) / 2)`, transform: 'translateX(-50%)', - width: 'min(800px, calc(100vw - 32px))', + width: `min(800px, calc(100% - ${leftWidth}px - ${rightWidth}px - 32px))`, zIndex: 50, fontFamily: "-apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif", }} diff --git a/client/src/pages/TripPlannerPage.tsx b/client/src/pages/TripPlannerPage.tsx index 6a9c4d7..8e0ca9e 100644 --- a/client/src/pages/TripPlannerPage.tsx +++ b/client/src/pages/TripPlannerPage.tsx @@ -590,6 +590,8 @@ export default function TripPlannerPage(): React.ReactElement | null { } catch {} }} onUpdatePlace={async (placeId, data) => { try { await tripStore.updatePlace(tripId, placeId, data) } catch (err: unknown) { toast.error(err instanceof Error ? err.message : 'Unknown error') } }} + leftWidth={leftCollapsed ? 0 : leftWidth} + rightWidth={rightCollapsed ? 0 : rightWidth} /> )}