fix(tasarim): şehir haritası kartı arka plan gibi kaplar, kenarlar erir; pikseller azaldı
All checks were successful
Deploy / deploy (push) Successful in 4m34s
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:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user