Expand swipe card to 50/50 photo/details split with all info

- Card now fills available height with photo carousel in top half
  and property details in bottom half
- Details section shows: price, beds/sqm/price-per-sqm, agency,
  available date, all POI distances, and price history summary
- Fix DialogTitle accessibility warning in ListingDetailSheet and
  MobileBottomSheet (add sr-only Drawer.Title)
This commit is contained in:
Viktor Barzin 2026-02-22 00:49:32 +00:00
parent 611449d328
commit e2c22f025f
No known key found for this signature in database
GPG key ID: 0EB088298288D958
3 changed files with 50 additions and 11 deletions

View file

@ -77,6 +77,7 @@ export function MobileBottomSheet({
className="fixed inset-x-0 bottom-0 z-40 flex flex-col rounded-t-xl bg-background border-t shadow-lg"
style={{ maxHeight: '85vh' }}
>
<Drawer.Title className="sr-only">Property Listings</Drawer.Title>
{/* Drag handle */}
<div className="flex justify-center pt-2 pb-1">
<div className="h-1.5 w-10 rounded-full bg-muted-foreground/30" />