From 9abfdf4aa92ac998daf62ba66540fba5d6c31aad Mon Sep 17 00:00:00 2001
From: bilalgursen <bilalgursen777@gmail.com>
Date: Tue, 22 Sep 2026 23:17:28 +0300
Subject: [PATCH] =?UTF-8?q?fix(navbar):=20pill=20etiketleri=20her=20geni?=
 =?UTF-8?q?=C5=9Flikte=20gizli=20=E2=80=94=20=C3=A7ak=C4=B1=C5=9Fma=20kapa?=
 =?UTF-8?q?n=C4=B1r?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Konteyner max-w-6xl = 1152 px'te kilitli; xl (1280 px) içeriğe yeni yer
açmıyor ama eski görünürlük deseni tam orada iki etiketi birden geri
getiriyordu (+229 px). Orta nav absolute (katalog-arama.tsx:270), sağ küme
shrink-0 — flex çakışmayı göremiyor, koyu "Ara" butonu pill'in üstüne
boyanıyor (konumlanmış eleman statik elemanın üstünde).

user-nav.tsx ve listem-butonu.tsx etiket span'lerinden hem xl hem sm
görünürlük sınıfları kaldırıldı; anlamı ikon + aria-label + title taşıyor
(ikisi de yerinde, erişilebilirlik değişmedi).

Tasarımcı ölçümü (36-tasarimci-g1-ve-navbar.md, gerçek font metriği):
375 px → 284,5/351 tek satır · 768 px → 555,8/736 tek satır ·
1280+ → boşluk +15,5 … +110 px, çakışma yok.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/features/kullanici/components/user-nav.tsx  | 13 ++++++++-----
 src/features/liste/components/listem-butonu.tsx |  6 ++++--
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/features/kullanici/components/user-nav.tsx b/src/features/kullanici/components/user-nav.tsx
index b58f107..31d10e8 100644
--- a/src/features/kullanici/components/user-nav.tsx
+++ b/src/features/kullanici/components/user-nav.tsx
@@ -54,11 +54,14 @@ export async function UserNav() {
         className="inline-flex h-9 items-center gap-1.5 whitespace-nowrap rounded-full border border-slate-200 bg-white px-3 text-xs font-semibold text-slate-700 transition-colors duration-200 hover:border-slate-300 hover:bg-slate-50 sm:h-12 sm:gap-2 sm:px-5 sm:text-sm"
       >
         <ClipboardList className="size-3.5 text-primary sm:size-4" aria-hidden />
-        {/* ListemButonu:39 ile aynı görünürlük deseni: 375 px'te ve lg–xl
-            arasında metin gizli, ikon+aria-label anlamı taşıyor. */}
-        <span className="hidden sm:inline lg:hidden xl:inline">
-          Yapay Zeka Listem
-        </span>
+        {/* Etiket her genişlikte gizli; anlamı yukarıdaki aria-label + title
+            taşıyor. Konteyner `max-w-6xl` = 1152 px'te kilitli olduğu için
+            `xl` (1280 px) yeni yer AÇMIYOR, ama eski görünürlük deseni tam
+            orada iki etiketi birden geri getiriyordu (+229 px) ve ortadaki
+            `absolute` nav ile çakışma üretiyordu. Sağ kümenin bütçesi ~304 px
+            = dört ikon-pill; bir etiket bile fazla. ListemButonu:38 ile aynı
+            desen (tek kaynak). */}
+        <span className="hidden">Yapay Zeka Listem</span>
       </Link>
       <Link
         href="/paket?kaynak=nav"
diff --git a/src/features/liste/components/listem-butonu.tsx b/src/features/liste/components/listem-butonu.tsx
index e5f6db1..e11c60a 100644
--- a/src/features/liste/components/listem-butonu.tsx
+++ b/src/features/liste/components/listem-butonu.tsx
@@ -35,8 +35,10 @@ export function ListemButonu() {
       className="relative inline-flex h-9 cursor-pointer items-center gap-1.5 whitespace-nowrap rounded-full border border-slate-200 bg-white px-3 text-xs font-semibold text-slate-700 transition-[color,background-color,border-color,transform] duration-200 hover:border-slate-300 hover:bg-slate-50 active:scale-[0.97] sm:h-12 sm:gap-2 sm:px-5 sm:text-sm"
     >
       <ListChecks className="size-3.5 text-primary sm:size-4" aria-hidden />
-      {/* lg–xl: ortadaki nav ile yer dar — metin gizli, ikon+rozet kalır */}
-      <span className="hidden sm:inline lg:hidden xl:inline">Kendi Listem</span>
+      {/* Etiket her genişlikte gizli: konteyner 1152 px'te sabit olduğu için
+          hiçbir kırılma noktasında etikete yer yok — ikon + rozet + yukarıdaki
+          aria-label anlamı taşıyor. UserNav'daki pill'le aynı desen. */}
+      <span className="hidden">Kendi Listem</span>
       {liste.length > 0 ? (
         // key=length: her eklemede rozet yeniden doğar ve spring ile oturur
         <motion.span