fix: harita görünümü tam yükseklik dolduracak şekilde düzeltildi

- Yükseklik: calc(100dvh - var(--header-height) - 8rem)
- Sağ panel ve sol panel h-full aldı
- PropertiesMapView sarmalayıcısına h-full w-full eklendi
- Sol kart listesi w-72'ye daraltıldı
This commit is contained in:
egecankomur
2026-05-06 20:20:48 +03:00
parent b1d3ee3681
commit 54f6112e7e
2 changed files with 11 additions and 4 deletions
+5 -1
View File
@@ -27,5 +27,9 @@ interface Props {
} }
export function PropertiesMapView(props: Props) { export function PropertiesMapView(props: Props) {
return <Inner {...props} />; return (
<div className="h-full w-full">
<Inner {...props} />
</div>
);
} }
@@ -188,9 +188,12 @@ export function PropertiesClient({ initialProperties }: PropertiesClientProps) {
{/* Map view — split layout */} {/* Map view — split layout */}
{viewMode === "map" && ( {viewMode === "map" && (
<div className="flex gap-4 flex-1 min-h-0" style={{ height: "calc(100vh - 14rem)" }}> <div
className="flex gap-4 min-h-0"
style={{ height: "calc(100dvh - var(--header-height) - 8rem)" }}
>
{/* Left: scrollable property cards */} {/* Left: scrollable property cards */}
<div className="w-80 shrink-0 overflow-y-auto space-y-2 pr-1"> <div className="w-72 shrink-0 overflow-y-auto space-y-2 pr-1 h-full">
{properties.length === 0 && ( {properties.length === 0 && (
<p className="text-muted-foreground text-sm text-center py-10">Henüz ilan yok.</p> <p className="text-muted-foreground text-sm text-center py-10">Henüz ilan yok.</p>
)} )}
@@ -263,7 +266,7 @@ export function PropertiesClient({ initialProperties }: PropertiesClientProps) {
</div> </div>
{/* Right: map */} {/* Right: map */}
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0 h-full">
<PropertiesMapView <PropertiesMapView
properties={properties} properties={properties}
selectedId={selectedId} selectedId={selectedId}