bilal/kolaytercih
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(tasarim): geniş ekranda liste satırları ince

Browse Source 
- Tür/il/süre satırı sm'den itibaren adla aynı satırda (SATIR_GRUP)
- lg'de hücre dolgusu bir kademe az, satır düğmeleri 36 px (§8)
- 1280 px ölçüm: bölüm listesi 83 → 61 px; /sonuc 68 px (uzun adda 92)
- Telefonda değişiklik yok (44 px düğme, alt alta düzen)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-09-24 01:45:03 +03:00
parent d5fd7d12f2
commit 1a176dd085
9 changed files with 140 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/liste-satiri.ts
View File

@@ -20,9 +20,16 @@ export const SATIR_ALT_AD = "mt-0.5 block text-sm leading-snug text-slate-600";
export const SATIR_IKINCIL_LINK =
"transition-colors hover:text-orange-500 hover:underline";
/** Tür/il/süre satırı. */
/** Tür/il/süre satırı. Geniş ekranda (sm+) üstündeki adla aynı satıra
* çıkar (SATIR_GRUP), telefonda altına iner. */
export const SATIR_META =
"mt-2 flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-slate-500";
"mt-2 flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-slate-500 sm:mt-0";
/** Ad (ya da üniversite adı) + tür/il/süre satırını geniş ekranda yan yana
* dizen sarmal. Bilal'in isteği (25 Eyl 2026): geniş ekranda satırlar üç
* katlı ve "çok kalın" duruyordu. Telefonda alt alta kalır. */
export const SATIR_GRUP =
"sm:flex sm:flex-wrap sm:items-center sm:gap-x-3 sm:gap-y-1";
/** Tür çipi (Devlet, Vakıf, SAY…). */
export const SATIR_CIP =
@@ -36,10 +43,16 @@ export const SATIR_MOBIL_SAYI =
export const SATIR_BASLIK = "h-12 text-sm font-semibold text-slate-500";
/** Adın bulunduğu hücre. */
export const SATIR_AD_HUCRE = "w-full whitespace-normal py-4 pl-4 sm:pl-5";
export const SATIR_AD_HUCRE = "w-full whitespace-normal py-4 pl-4 sm:pl-5 lg:py-3";
/** Butonların hücresi ve kabı: telefonda alt alta, sm'den yan yana. */
export const SATIR_BUTON_HUCRE = "py-4 pr-4 text-right sm:pr-5";
/** Butonların hücresi ve kabı: telefonda alt alta, sm'den yan yana.
* Masaüstünde (lg) satır ince kalsın diye dolgu bir kademe az ve satır
* düğmeleri 36 px (DESIGN.md §8 masaüstü tablo istisnası). */
export const SATIR_BUTON_HUCRE = "py-4 pr-4 text-right sm:pr-5 lg:py-3";
export const SATIR_BUTON_KABI =
"inline-flex flex-col items-center gap-2 sm:flex-row";
export const SATIR_BUTON_BASLIK = "h-12 w-14 text-right sm:w-28";
/** Satır düğmesinin boyu: dokunmada 44 px, masaüstü tabloda 36 px (§8). */
export const SATIR_DUGME_BOYU =
"size-11 min-h-11 min-w-11 lg:size-9 lg:min-h-9 lg:min-w-9";