fix(sonuc): harita tablonun altına alınır — hidrasyon kayması kapanır
Liste store'unun sunucu snapshot'ı her zaman boş liste döner (liste-store.ts:86), kayıtlı manuel liste ancak hidrasyondan sonra okunur. Harita sayfanın tepesindeyken kayıtlı listesi olan dönüş ziyaretçisinde ~368 px yüksekliğinde sonradan beliriyor ve tadımlık ile tabloyu aşağı itiyordu; main'in ilk çocuğu olduğu için impact fraction ~1, CLS eşiğinin çok üstü. Silinen placeholder bunu yeri sunucuda rezerve ederek engelliyordu. Harita tablonun altına alındı: sonradan belirdiğinde yalnızca sihirbaz ile dipnotu iter, ikisi de katlanın altında. Bilgi mimarisi olarak da doğru sıra — harita, tablodan kurulan listenin görselleştirmesi. Yeni sıra: tadımlık → tablo → harita → sihirbaz → dipnot. Sıraya bağlı stiller yeni sıraya göre doğrulandı: tadımlığın first:mt-0'ı artık her durumda geçerli (üstünde kardeş kalmadı), harita kendi mt-16'sını alıyor (tablo section'ı ve sihirbaz kartlarıyla aynı ritim — eskiden üst boşluğu main'in py-12'sinden geliyordu). Bulgu: 36-tasarimci-g1-ve-navbar.md B1. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -120,10 +120,11 @@ export function TadimlikSatiri({
|
||||
const girisUrl = `/giris?callback=${encodeURIComponent(listemUretHref("tadimlik"))}`;
|
||||
|
||||
return (
|
||||
// first:mt-0 — /sonuc'ta manuel liste boşken ManuelHarita null döndüğü
|
||||
// için bu <section> main'in gerçek ilk DOM çocuğu olabiliyor (JSX
|
||||
// yorumları düğüm üretmez); o durumda main'in py-12'si tek başına yeterli
|
||||
// üst boşluğu verir. Harita görünürken mt-16 aynen çalışır.
|
||||
// first:mt-0 — /sonuc'ta bu <section> main'in ilk DOM çocuğudur (harita
|
||||
// artık tablonun altında, üstte hiçbir kardeş yok; JSX yorumları düğüm
|
||||
// üretmez): main'in py-12'si tek başına yeterli üst boşluğu verir.
|
||||
// Tadımlığın render edilmediği durumlarda (girişli kullanıcı, boş havuz)
|
||||
// bu bileşen hiç dönmediği için kural ilk gerçek bölüme geçer.
|
||||
<section ref={gorunumRef} className="mt-16 min-w-0 first:mt-0">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<SectionEyebrow>Yapay zekâdan örnek satır</SectionEyebrow>
|
||||
|
||||
Reference in New Issue
Block a user