diff --git a/docs/tasarim/DESIGN.md b/docs/tasarim/DESIGN.md index 8e9b75e..4c92754 100644 --- a/docs/tasarim/DESIGN.md +++ b/docs/tasarim/DESIGN.md @@ -841,6 +841,8 @@ cılız kaldı, yazılı bir buton olmasın" — §4.1'in "metin + sondaki ok" k istisnası): `flex size-14 items-center justify-center rounded-full bg-orange-500 text-white shadow-lg shadow-orange-500/30` + `ArrowRight size-7`, hover `bg-orange-600` ve ok 2 px kayar, basınca `scale-[0.95]`; `aria-label` + `title` "Sıralamana uygun programları gör". Bandın -tamamı gerilmiş linkle (`after:absolute after:inset-0`, §4.8) tıklanabilir. Telefonda başlık → -sayı → ok alt alta ortalı; lg'de tek satır (sayı · başlık · ok). Yükseklik her iki hâlde formu -aşmaz (CLS). +tamamı gerilmiş linkle (`after:absolute after:inset-0`, §4.8) tıklanabilir. **Telefonda iki +satır:** başlık (`text-lg`) üstte, altında kupa+sayı ile ok **yan yana** (`flex justify-center +gap-5`; kupa kutusu ve ok telefonda 48 px, sm'den 56 px); lg'de tek satır (sayı · başlık · ok). +Blok formun yüksekliğini **aşamaz** — aşarsa `overflow-hidden` kap üstten kırpar (24 Eyl 2026'da +üç satırlı ilk sürümde başlık kesildi; ölç, §9.2). diff --git a/src/features/sihirbaz/components/cta-sira-form.tsx b/src/features/sihirbaz/components/cta-sira-form.tsx index d0921b4..0e9bf34 100644 --- a/src/features/sihirbaz/components/cta-sira-form.tsx +++ b/src/features/sihirbaz/components/cta-sira-form.tsx @@ -412,40 +412,44 @@ export function CtaSiraForm({ // kupa kutusu + text-3xl/4xl sıra, başlık text-xl/2xl. Buton yazısız: // 56 px yuvarlak turuncu ok (Bilal, 24 Eyl 2026: "buton cılız kaldı, // yazılı bir buton olmasın"); bandın tamamı gerilmiş linkle - // tıklanabilir (§4.8 deseni). Telefonda başlık → sayı → ok alt - // alta; lg'de tek satır. Yükseklik formunkini aşmaz (CLS notu). -
+ // tıklanabilir (§4.8 deseni). Telefonda iki satır: başlık üstte, + // altında kupa+sayı ile ok yan yana (blok formun yüksekliğini + // aşıp üstten kırpılıyordu — Bilal, 24 Eyl 2026: "mobilde düzgün + // değil"); lg'de tek satır (sayı · başlık · ok). +

{kompaktBaslik}

-

- - - - - Sıralaman kayıtlı: - - {profil.sira.toLocaleString("tr-TR")}. +

+

+ + - - sıra · {turEtiketi(profil.tur)} + + Sıralaman kayıtlı: + + {profil.sira.toLocaleString("tr-TR")}. + + + sıra · {turEtiketi(profil.tur)} + - -

- - - +

+ + + +
) : null}