fix(tasarim): şehir haritası kartı arka plan gibi kaplar, kenarlar erir; pikseller azaldı
All checks were successful
Deploy / deploy (push) Successful in 4m34s

- Izgara 72 → 56 sütun, serpinti kaldırıldı (Bilal: "piksel detaylarını azalt").
- Harita `doldur` (slice) ile SehirYuzeyi kartını kaplar, metin üstünde; iki
  katlı mask ile hiçbir kenarda kesik kare kalmaz (Bilal: "canvas net bir
  şekilde kesiliyor"). Telefonda altta, lg'de sağ yarıda belirir.
- Yakınlaşma kutusu kabın oranında kurulur, il `odakHiza` ile kabın istenen
  noktasına gelir (şehir sayfası: lg sağ orta, telefon alt orta; konum kartı orta).
- usePixelHeat meet/slice + ortalama ofsetini hesaba katar.
- Üniversite konum kartı: kartı doldurur, radyal erime.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-09-24 15:10:44 +03:00
parent 6e057aa0f5
commit c60e3ab409
8 changed files with 232 additions and 203 deletions

View File

@@ -8,6 +8,9 @@ import {
// Harita il adları modül yükünde bir kez DB biçimine çevrilir.
const HARITA_ILLERI = new Set(cities.map((c) => normalizeIlAdi(c.name)));
// Kartı doldurur, kenarları radyal mask ile erir (kesik kanvas yok).
const KART_HARITA_SINIFI =
"absolute inset-0 [mask-image:radial-gradient(ellipse_at_center,black_55%,transparent_100%)]";
/**
* Üniversite sayfasındaki konum kartı: şehir sayfasıyla aynı dot-matrix
@@ -31,7 +34,8 @@ export function UniversiteKonumHaritasi({
ulke={yurtdisi.ulke}
sehir={konum ? { x: konum.x, y: konum.y } : null}
etiket={`${universite} konumunun ${yurtdisi.ulkeAd} haritasındaki görünümü${yurtdisi.sehir ? ` (${yurtdisi.sehir})` : ""}`}
className="absolute inset-0 h-full w-full"
doldur
className={KART_HARITA_SINIFI}
/>
<p className="pointer-events-none absolute bottom-0 left-0 text-xs font-medium text-slate-500">
{yurtdisi.ulkeAd}
@@ -48,7 +52,8 @@ export function UniversiteKonumHaritasi({
<TurkiyePikselHaritasi
il={il}
etiket={`${universite} konumunun Türkiye haritasındaki görünümü`}
className="absolute inset-0 h-full w-full"
doldur
className={KART_HARITA_SINIFI}
/>
</KonumBolumu>
);