Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-08-26 18:42:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: ( reschedule ) stick the change summery card

Browse Source
This commit is contained in:
Abubeker Yasin
2026-08-26 10:24:28 +03:00
parent 46fa17b341
commit c11704b15c
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/edr-passenger-web/portal/src/app/booking/reschedule/page.tsx
View File

@@ -513,7 +513,11 @@ function ReschedulePageContent() {
</div>
)}
<div className="lg:grid lg:grid-cols-3 lg:gap-6 lg:items-start">
{/* No `items-start` here on purpose: it shrinks each column to its own content height, and a
sticky child can only travel inside its containing block — so the summary would scroll
away like a normal card. The grid default (stretch) gives the right column the full row
height to stick within. */}
<div className="lg:grid lg:grid-cols-3 lg:gap-6">
{/* Left column — the choices */}
<div className="lg:col-span-2 space-y-4">
<div className="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm">
@@ -726,7 +730,9 @@ function ReschedulePageContent() {
{/* Right column — sticky change summary (desktop only) */}
<div className="hidden lg:block">
<div className="sticky top-6">
{/* Caps at the viewport and scrolls inside itself, so a long passenger list can't push
the total and the confirm button off the bottom of the screen. */}
<div className="sticky top-6 max-h-[calc(100vh-3rem)] overflow-y-auto">
<ChangeSummary />
</div>
</div>