fix(ui): alt sayfa gövdesi üst kenarda maskeli — içerik tutamaç ve çarpının altına girmiyor

Gövde kaydırılınca satırlar tutamaç şeridine ve §4.3 çarpısına (top-3,
size-9) kadar maskesiz çıkıyor, çarpının arkasında kalıyordu (tasarımcı
B4, 7 Eki). AltSayfaGovde'ye 20 px saydam → dolu mask-image: kutuya
bağlı, içerikle kaymaz; pt-3 başlık maskenin dışında. Tek kaynak, tüm
çekmeceler.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-10-08 23:59:16 +03:00
parent 129c83971c
commit fce7ab8c2e

View File

@@ -628,7 +628,11 @@ function AltSayfaGovde({ className, ...props }: ComponentProps<"div">) {
ref={sayfa?.govdeBagla}
data-slot="alt-sayfa-govde"
className={cn(
"min-h-0 flex-1 overflow-y-auto overscroll-contain group-data-[kisik]/alt-sayfa:touch-none group-data-[kisik]/alt-sayfa:overflow-hidden",
// Üst kenarda 20 px'lik saydam → dolu maske: kaydırılan içerik tutamaç
// şeridine ve §4.3 çarpısına (top-3, size-9) ulaşmadan söner; maske
// kutuya bağlı, içerikle kaymaz. Üstteki `pt-3` başlığı maskenin
// dışında tutar (8 Eki 2026).
"min-h-0 flex-1 overflow-y-auto overscroll-contain [mask-image:linear-gradient(to_bottom,transparent,black_1.25rem)] group-data-[kisik]/alt-sayfa:touch-none group-data-[kisik]/alt-sayfa:overflow-hidden",
className,
)}
onWheel={sayfa?.govdeTekerlek}