From cf992deac8026c103d0d914cfc8686ceb55629dc Mon Sep 17 00:00:00 2001 From: bilalgursen Date: Thu, 24 Sep 2026 12:09:21 +0300 Subject: [PATCH] =?UTF-8?q?fix(tasarim):=20CTA=20arka=20plan=C4=B1ndaki=20?= =?UTF-8?q?masonry=20pikseller=20dura=C4=9Fan=20=E2=80=94=20imle=C3=A7le?= =?UTF-8?q?=20=C4=B1s=C4=B1nmaz?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Bilal'in isteği (24 Eyl 2026): CTA'ların arkasındaki pikseller üzerine gelindiğinde bir şey olmasın. PixelMasonry ısı fırçasına kaydolmuyor (data-px yok, usePixelHeat yok); yalnız seyrek turuncu vurgu kareleri kendi kendine nefes alıyor. DESIGN.md §10.8 güncellendi. Co-Authored-By: Claude Fable 5.1 --- docs/tasarim/DESIGN.md | 4 +++- src/components/pixel-decor.tsx | 18 +++--------------- 2 files changed, 6 insertions(+), 16 deletions(-) diff --git a/docs/tasarim/DESIGN.md b/docs/tasarim/DESIGN.md index ab265ed..4ebf302 100644 --- a/docs/tasarim/DESIGN.md +++ b/docs/tasarim/DESIGN.md @@ -679,7 +679,9 @@ karar. (`text-white`, `slate-300` değil). Piksel dokusu `PixelMasonry` (Bilal, 24 Eyl 2026: "arka planda büyüklü küçüklü, masonry şeklinde"): 1–3 hücrelik kareler 3×3'lük makro hücrelere kaymış düşer, çakışmaz ama hizaya girmez; orta bant (%22–78) boş, kenarlara doğru yoğun; iri - kare daha silik; imleç yaklaşınca turuncuya ısınır (`usePixelHeat`). Kap `relative isolate + kare daha silik; **durağan** — imleç ısı fırçasına katılmaz, üzerine gelince hiçbir şey + olmaz (Bilal, 24 Eyl 2026); yalnız seyrek turuncu vurgu kareleri kendi kendine yavaşça nefes + alır. Kap `relative isolate overflow-hidden`, doku `-inset-y-6 -z-10`. Eşit ızgaralı eski `PixelField` kaldırıldı. - Tek turuncu buton, metin önce ok sonda (§4.1). Telefonda alt alta ve tam genişlik; `sm`'de yan yana, buton sağda. diff --git a/src/components/pixel-decor.tsx b/src/components/pixel-decor.tsx index 312360d..3af316f 100644 --- a/src/components/pixel-decor.tsx +++ b/src/components/pixel-decor.tsx @@ -77,7 +77,8 @@ function pixelRect( * şeklinde"). İçeriğin oturduğu orta bant boş kalır; kareler kenarlara doğru * yoğunlaşır. 3×3 hücrelik makro hücrelere 1–3 hücrelik tek kare düşer ve * makro hücre içinde kaydırılır: kareler çakışmaz ama hizaya da girmez - * (§1.1 "doğal duruş"). Her kare imleç ısı fırçasına katılır. + * (§1.1 "doğal duruş"). Durağan zemin: imleç ısı fırçasına katılmaz + * (Bilal, 24 Eyl 2026: "üzerine gelindiğinde bir şey olmasın"). */ export function PixelMasonry({ seed = 7, @@ -86,9 +87,6 @@ export function PixelMasonry({ seed?: number; className?: string; }) { - const svgRef = useRef(null); - usePixelHeat(svgRef, { radius: 44 }); - const COLS = 42; const ROWS = 12; const MAKRO = 3; @@ -135,16 +133,7 @@ export function PixelMasonry({ // İri kare daha silik: yazının yanında bağırmasın const op = opacityFor(x, y) * (n === 1 ? 1 : n === 2 ? 0.8 : 0.6); return ( - + ); }; @@ -186,7 +175,6 @@ export function PixelMasonry({ return (