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

fix(tema): seçicideki ay ikonu da yatayda çevrildi; logodaki ayla yine eş

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-10-09 00:41:05 +03:00
parent 7eac1e55e6
commit 456cedeac6
2 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/animasyonlu-mark.tsx
View File

@@ -125,9 +125,9 @@ function sekilHedefi(i: number, koyu: boolean): SekilHedefi {
const b = KARELER[i].boyut; const b = KARELER[i].boyut;
if (koyu) { if (koyu) {
return [ return [
// Biçim tema-ikonu.tsx'teki ay ikonunun YATAYDA ÇEVRİLMİŞ hâli (ikonda // Biçim tema-ikonu.tsx'teki ay ikonuyla aynı (gövde r74 @ (76,92),
// gövde r74 @ (104,92), yıldızlar r15 @ (40,42) ve r10 @ (74,92); burada // yıldızlar r15 @ (140,42) ve r10 @ (106,92)): hilalin sırtı solda,
// x → 180 − x): hilalin sırtı solda, yıldızlar sağında. `ay` onu logonun // yıldızlar sağında. `ay` onu logonun
// kendi alanına sığdırır — ikon kutuyu doldurur, logoda sağında yazı var. // kendi alanına sığdırır — ikon kutuyu doldurur, logoda sağında yazı var.
{ translate: merkezde(ay(140), ay(42, 0), b), scale: String((30 * AY_OLCEK) / b), opacity: 1 }, // yıldız { translate: merkezde(ay(140), ay(42, 0), b), scale: String((30 * AY_OLCEK) / b), opacity: 1 }, // yıldız
{ translate: merkezde(ay(76), ay(92, 0), b), scale: String((148 * AY_OLCEK) / b), opacity: 1 }, // hilal { translate: merkezde(ay(76), ay(92, 0), b), scale: String((148 * AY_OLCEK) / b), opacity: 1 }, // hilal
@@ -352,8 +352,8 @@ export function AnimasyonluMark({
const renk = getComputedStyle(el).backgroundColor; const renk = getComputedStyle(el).backgroundColor;
const w = el.offsetWidth; const w = el.offsetWidth;
const dolu = `inset 0 0 0 ${w}px ${renk}`; const dolu = `inset 0 0 0 ${w}px ${renk}`;
// tema-ikonu.tsx'teki hilalin yatayda çevrilmişi: gövde r74'ten, // tema-ikonu.tsx'teki hilalle aynı kesim: gövde r74'ten, (+40,-16)
// (+40,-16) kaydırılmış r66 daire çıkar — sırtı sol altta. // kaydırılmış r66 daire çıkar — sırtı sol altta.
// İç gölgede: kaydırma = kesim dairesinin kayması, yayılma = iki // İç gölgede: kaydırma = kesim dairesinin kayması, yayılma = iki
// yarıçapın farkı (hepsi gövde çapı 148'e oranla). // yarıçapın farkı (hepsi gövde çapı 148'e oranla).
const hilal = `inset ${(40 / 148) * w}px ${(-16 / 148) * w}px 0 ${(8 / 148) * w}px ${renk}`; const hilal = `inset ${(40 / 148) * w}px ${(-16 / 148) * w}px 0 ${(8 / 148) * w}px ${renk}`;

11
src/components/tema-ikonu.tsx
View File

@@ -32,14 +32,15 @@ export function TemaIkonu({
</> </>
) : tur === "dark" ? ( ) : tur === "dark" ? (
<> <>
{/* Hilal: daireden, sola-yukarı kaydırılmış ikinci daire çıkarılır. */} {/* Hilal: daireden, sağa-yukarı kaydırılmış ikinci daire çıkarılır
(sırtı solda, yıldızlar sağında). */}
<mask id={maskeId}> <mask id={maskeId}>
<rect width="180" height="180" fill="#fff" /> <rect width="180" height="180" fill="#fff" />
<circle cx="64" cy="76" r="66" fill="#000" /> <circle cx="116" cy="76" r="66" fill="#000" />
</mask> </mask>
<circle cx="104" cy="92" r="74" fill={SEFTALI} mask={`url(#${maskeId})`} /> <circle cx="76" cy="92" r="74" fill={SEFTALI} mask={`url(#${maskeId})`} />
<circle cx="40" cy="42" r="15" fill={MAVI} /> <circle cx="140" cy="42" r="15" fill={MAVI} />
<circle cx="74" cy="92" r="10" fill={TURUNCU} /> <circle cx="106" cy="92" r="10" fill={TURUNCU} />
</> </>
) : ( ) : (
<> <>