johannes.gasser/property-match
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: image above map stacked vertically in PropertyDetailView (160px + 120px)

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Benjamin Sutter
2026-05-18 21:35:36 +02:00
parent a75818b983
commit 5391ad0ae5
1 changed files with 18 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/supply/PropertyDetailView.tsx
+4 -8
View File
@@ -366,11 +366,9 @@ export function PropertyDetailView({ propertyId, onClose }: PropertyDetailViewPr
)} )}
</Box> </Box>
{/* Photo + Map — side by side, compact */} {/* Photo + Map — stacked, compact */}
{(property.images?.[0] || property.location.coordinates) && (
<Box sx={{ display: 'flex', flexShrink: 0, height: 140, borderBottom: '1px solid #e2e8f0' }}>
{property.images?.[0] && ( {property.images?.[0] && (
<Box sx={{ flex: property.location.coordinates ? '0 0 55%' : 1, overflow: 'hidden' }}> <Box sx={{ flexShrink: 0, height: 160, overflow: 'hidden' }}>
<img <img
src={property.images[0]} src={property.images[0]}
alt={property.title} alt={property.title}
@@ -379,17 +377,15 @@ export function PropertyDetailView({ propertyId, onClose }: PropertyDetailViewPr
</Box> </Box>
)} )}
{property.location.coordinates && ( {property.location.coordinates && (
<Box sx={{ flex: 1, overflow: 'hidden' }}> <Box sx={{ flexShrink: 0, borderBottom: '1px solid #e2e8f0' }}>
<PropertyMap <PropertyMap
lat={property.location.coordinates.lat} lat={property.location.coordinates.lat}
lng={property.location.coordinates.lng} lng={property.location.coordinates.lng}
label={property.title} label={property.title}
height={140} height={120}
/> />
</Box> </Box>
)} )}
</Box>
)}
{/* Tabs */} {/* Tabs */}
<Tabs <Tabs