style(design): ajustare fina overlay-uri — acoperire completa text, opacitate 80%

- Overlay 1: top 2%→0%, height 17%→19% — acopera tot textul "La cireșe" de sus
- Overlay 3: width 30%→32%, top 2%→1% — textul "La scăldat" nu mai iese pe dreapta
- Overlay 6: height 46%→38% — nu mai acopera inutil partea de jos a hartii
- Opacitate confirmata 0.80 (80%) pe toate overlay-urile

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-04-06 15:34:02 +00:00
parent af3293d421
commit b41bd4eee9

View File

@@ -21,7 +21,7 @@ const PROBLEMS = [
{ label: "D", text: "x = 30, y = 6", correct: false } { label: "D", text: "x = 30, y = 6", correct: false }
], ],
marker: { top: "13%", left: "15%" }, marker: { top: "13%", left: "15%" },
overlay: { top: "7%", left: "5%", width: "18%", height: "12%" } overlay: { top: "0%", left: "3%", width: "24%", height: "19%" }
}, },
{ {
id: 2, id: 2,
@@ -35,7 +35,7 @@ const PROBLEMS = [
{ label: "D", text: "p = 16, c = 4", correct: false } { label: "D", text: "p = 16, c = 4", correct: false }
], ],
marker: { top: "50%", left: "12%" }, marker: { top: "50%", left: "12%" },
overlay: { top: "43%", left: "3%", width: "18%", height: "12%" } overlay: { top: "33%", left: "1%", width: "22%", height: "17%" }
}, },
{ {
id: 3, id: 3,
@@ -49,7 +49,7 @@ const PROBLEMS = [
{ label: "D", text: "h = 11, s = 11", correct: false } { label: "D", text: "h = 11, s = 11", correct: false }
], ],
marker: { top: "12%", left: "65%" }, marker: { top: "12%", left: "65%" },
overlay: { top: "6%", left: "56%", width: "22%", height: "12%" } overlay: { top: "1%", left: "52%", width: "32%", height: "20%" }
}, },
{ {
id: 4, id: 4,
@@ -63,7 +63,7 @@ const PROBLEMS = [
{ label: "D", text: "m = 14, c = 10", correct: false } { label: "D", text: "m = 14, c = 10", correct: false }
], ],
marker: { top: "72%", left: "22%" }, marker: { top: "72%", left: "22%" },
overlay: { top: "65%", left: "14%", width: "20%", height: "12%" } overlay: { top: "57%", left: "8%", width: "25%", height: "22%" }
}, },
{ {
id: 5, id: 5,
@@ -77,7 +77,7 @@ const PROBLEMS = [
{ label: "D", text: "p = 18, c = 4", correct: false } { label: "D", text: "p = 18, c = 4", correct: false }
], ],
marker: { top: "58%", left: "48%" }, marker: { top: "58%", left: "48%" },
overlay: { top: "52%", left: "40%", width: "20%", height: "12%" } overlay: { top: "41%", left: "34%", width: "26%", height: "20%" }
}, },
{ {
id: 6, id: 6,
@@ -91,7 +91,7 @@ const PROBLEMS = [
{ label: "D", text: "m = 22, n = 8", correct: false } { label: "D", text: "m = 22, n = 8", correct: false }
], ],
marker: { top: "28%", left: "80%" }, marker: { top: "28%", left: "80%" },
overlay: { top: "24%", left: "72%", width: "22%", height: "12%" } overlay: { top: "16%", left: "60%", width: "32%", height: "38%" }
} }
]; ];
@@ -147,7 +147,7 @@ const TOTAL_HEARTS = 10;
--heart-empty: #bdc3c7; --heart-empty: #bdc3c7;
--star-gold: #f1c40f; --star-gold: #f1c40f;
--star-locked: #95a5a6; --star-locked: #95a5a6;
--overlay-bg: rgba(244,228,193,0.85); --overlay-bg: rgba(244,228,193,0.80);
--success-green: #4caf50; --success-green: #4caf50;
--backdrop: rgba(0,0,0,0.5); --backdrop: rgba(0,0,0,0.5);
} }