feat(tasarim): kalan küçük ekranlar (rehber, sıralama, üniversite listesi)

- Türkiye sıralaması satırı §4.15: ad sarar, 16 px; satır hover'ı
  turuncu; Cal Sans sırada tabular-nums kalktı
- Rehber yol satırı 14 px ve turuncu hover; üniversite dizini hover
- Logo monogramı 10 → 12 px; arama kartındaki elle hex → slate-950
- Denetim: satırın tamamı link olduğunda group-hover mavi ad çifti de
  istisna sayılıyor

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-09-24 01:07:19 +03:00
parent 7dff241eb6
commit 3500bb3745
6 changed files with 20 additions and 13 deletions

View File

@@ -29,13 +29,19 @@ export default function RehberYaziPage({
<main className="mx-auto w-full max-w-3xl px-4 py-12 sm:py-16">
<nav
aria-label="breadcrumb"
className="flex items-center gap-1 text-xs text-slate-500"
className="flex items-center gap-1.5 text-sm text-slate-500"
>
<Link href="/" className="hover:text-primary hover:underline">
<Link
href="/"
className="transition-colors hover:text-orange-500 hover:underline"
>
Ana Sayfa
</Link>
<ChevronRight className="size-3" aria-hidden />
<Link href="/rehber" className="hover:text-primary hover:underline">
<ChevronRight className="size-3.5" aria-hidden />
<Link
href="/rehber"
className="transition-colors hover:text-orange-500 hover:underline"
>
Rehber
</Link>
</nav>

View File

@@ -102,7 +102,7 @@ export function AramaFunnelKarti({ onSec }: { onSec: () => void }) {
return (
<section
aria-label="Tercih listeni kur"
className="mt-5 overflow-hidden rounded-2xl border border-blue-400/20 bg-[#0b1f3a] px-4 py-5 text-white sm:px-5"
className="mt-5 overflow-hidden rounded-2xl border border-blue-400/20 bg-slate-950 px-4 py-5 text-white sm:px-5"
>
<div className="grid items-center gap-4 sm:grid-cols-[minmax(0,1fr)_auto] sm:gap-5">
<div className="min-w-0">

View File

@@ -17,7 +17,7 @@ const BOYUT: Record<"xs" | "sm" | "md" | "lg", string> = {
};
const MONOGRAM_METIN: Record<"xs" | "sm" | "md" | "lg", string> = {
xs: "text-[10px]",
xs: "text-xs",
sm: "text-xs",
md: "text-sm",
lg: "text-lg sm:text-xl",

View File

@@ -73,18 +73,18 @@ export function TurkiyeSiralamasi() {
<li key={u.slug}>
<Link
href={`/universite/${u.slug}`}
className="group flex items-center gap-3 px-3 py-3 hover:bg-slate-50 sm:gap-4 sm:px-5"
className="group flex items-center gap-3 px-3 py-4 transition-colors duration-150 hover:bg-orange-50/60 sm:gap-4 sm:px-5"
>
<span className="w-9 shrink-0 text-right font-heading text-lg font-bold tabular-nums text-slate-900 sm:w-11 sm:text-xl">
<span className="w-9 shrink-0 text-right font-heading text-lg font-bold text-slate-900 sm:w-11 sm:text-xl">
{u.sira}
</span>
<UniLogo slug={u.slug} ad={ad} boy="sm" />
<span className="min-w-0 flex-1">
<span className="block truncate text-sm font-medium text-slate-800 group-hover:text-primary group-hover:underline">
<span className="block text-base font-semibold leading-snug text-slate-900 transition-colors group-hover:text-primary group-hover:underline">
{ad}
</span>
{alt ? (
<span className="block text-xs text-slate-400">{alt}</span>
<span className="mt-0.5 block text-sm text-slate-500">{alt}</span>
) : null}
</span>
<span className="hidden w-40 shrink-0 items-center gap-3 sm:flex">

View File

@@ -16,7 +16,7 @@ function UniLinkleri({ uniler }: { uniler: UniOzet[] }) {
<li key={u.slug}>
<Link
href={`/universite/${u.slug}`}
className="group flex items-center gap-3 text-sm text-slate-700 hover:text-primary"
className="group flex items-center gap-3 text-sm text-slate-700 transition-colors hover:text-orange-500"
>
<UniLogo slug={u.slug} ad={u.ad} boy="sm" />
<span className="min-w-0">