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) {
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 */}
{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 */}
<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 && (
<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>
{/* Right: map */}
<div className="flex-1 min-w-0">
<div className="flex-1 min-w-0 h-full">
<PropertiesMapView
properties={properties}
selectedId={selectedId}