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:
parent
611449d328
commit
e2c22f025f
3 changed files with 50 additions and 11 deletions
|
|
@ -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" />
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue