fix(tasarim): netler paneli alt sayfa + §4.15 tablo; ok düğmesinde gölge ve hover rengi yok
All checks were successful
Deploy / deploy (push) Successful in 5m3s
All checks were successful
Deploy / deploy (push) Successful in 5m3s
- "Son yerleşenin netleri" ortada açılan Dialog ve text-xs hücreli tabloydu; şimdi Drawer (kap/çarpı cta-sira-form çekmecesiyle birebir), ortalı başlık + bağlam cümlesi, SATIR_BASLIK başlıklar, text-sm hücreler, en yeni yıl koyu, "Yerleşme puanı" satırı ayrılmış (DESIGN.md §4.10, §4.15, yeni §4.19). - Denetim: tablo-minik-yazi (hata) — TableCell/TableHead içinde text-xs yasak; §9.5 bitirmeden listesine ayrıntı paneli/tablo/buton kontrolü eklendi. - Kayıtlı-sıra ok düğmesi: shadow-lg kaldırıldı (§6), hover'da renk değişmiyor (orange-600 iri yüzeyde kırmızımsı okunuyordu); hover scale + ok kayması. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
@@ -509,6 +509,20 @@ telefonda tam genişlik), "Şehre göre" çipleri (sayfa içi `#sehir-…` çapa
|
||||
- `/universiteler` dizinindeki "Devlet Üniversiteleri" / "Vakıf Üniversiteleri" başlıkları da
|
||||
tür sayfasına link.
|
||||
|
||||
### 4.19 Netler paneli — `program-netleri.tsx` ("Son yerleşenin netleri")
|
||||
Bilal (24 Eyl 2026): "bu kısımlar design md'ye uygun yap, belirt ki bir daha bu hata olmasın".
|
||||
Panel ortada açılan `Dialog` ve `text-xs` hücreli bir tabloydu; iki kural birden çiğnenmişti.
|
||||
**Kural:** program satırından açılan her ayrıntı (netler, akademik göstergeler, ileride
|
||||
kontenjan geçmişi) §4.10 **alt sayfadır** — `Drawer handleOnly`, kap ve çarpı `cta-sira-form.tsx`
|
||||
çekmecesiyle birebir, başlık `px-10 text-center font-heading text-2xl font-bold`, altında tek
|
||||
cümle bağlam `text-sm text-slate-500`. İçindeki tablo §4.15'tir: başlık `SATIR_BASLIK`, hücre
|
||||
`text-sm` (gövde `text-xs`'e inmez, §3), sayılar `font-sans tabular-nums`, **en yeni yıl** koyu
|
||||
(`font-semibold text-slate-800/900`), eski yıllar `text-slate-500`; toplam satırı ("Yerleşme
|
||||
puanı") `border-t border-slate-200` + `font-semibold text-slate-900`; ilk sütun `pl-0`. Boş ve
|
||||
hata durumu `text-base text-slate-500`. Denetim: `tablo-minik-yazi` (hata) — `TableCell`/
|
||||
`TableHead` içinde `text-xs` yazılamaz. `Dialog` yalnız arama penceresi (`katalog-arama`) ve
|
||||
sihirbaz modalı içindir; yeni bir ayrıntı için `Dialog` açılmaz.
|
||||
|
||||
## 5. Yerleşim
|
||||
|
||||
### 5.1 Genel
|
||||
@@ -669,6 +683,8 @@ Bir ekranı dönüştüren ajan o ekrandaki uyarıları sıfırlar ya da neden k
|
||||
### 9.5 Bitirmeden
|
||||
`pnpm tasarim:denetim` sıfır hata (uyarılar raporda listelenir) + 375 px'te tek bakış (taşma,
|
||||
üst üste binme, dokunma hedefi, çekmece tek ekran) + §9.2 ölçümleri.
|
||||
- Yeni ayrıntı paneli mi? `Dialog` değil `Drawer` (§4.10, §4.19). İçinde tablo mu? §4.15
|
||||
sınıfları, hücre `text-sm`, `text-xs` yok. Buton mu? Gölge yok, hover tek turuncu (§2.1, §6).
|
||||
|
||||
## 10. Samimi ton, ilerleme ve kutlama (öğrenci ekranları)
|
||||
|
||||
@@ -838,9 +854,12 @@ tabular-nums yok, §3) ve
|
||||
altında `text-sm font-semibold text-white/80` "sıra · Sayısal"; başlık `font-heading text-xl
|
||||
font-bold leading-tight text-balance sm:text-2xl`. **Buton yazısız** (Bilal, 24 Eyl 2026: "buton
|
||||
cılız kaldı, yazılı bir buton olmasın" — §4.1'in "metin + sondaki ok" kuralının bilinçli
|
||||
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
|
||||
istisnası): `flex size-14 items-center justify-center rounded-full bg-orange-500 text-white` +
|
||||
`ArrowRight size-7`. **Gölge yok** (§6: derinlik gölgeyle verilmez; ilk sürümdeki
|
||||
`shadow-lg shadow-orange-500/30` kaldırıldı) ve **hover'da renk değişmez** — iri dolu turuncu
|
||||
yüzeyde `orange-600` kırmızımsı okunuyor (Bilal, 24 Eyl 2026); tepki `hover:scale-[1.04]` + ok
|
||||
2 px kayar, basınca `scale-[0.95]`. Metinli CTA butonlarında `hover:bg-orange-600` kanonik kalır
|
||||
(§2.1); `aria-label` + `title` "Sıralamana uygun programları gör". Bandın
|
||||
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).
|
||||
|
||||
Reference in New Issue
Block a user