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:
@@ -21,7 +21,7 @@ const PROBLEMS = [
|
||||
{ label: "D", text: "x = 30, y = 6", correct: false }
|
||||
],
|
||||
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,
|
||||
@@ -35,7 +35,7 @@ const PROBLEMS = [
|
||||
{ label: "D", text: "p = 16, c = 4", correct: false }
|
||||
],
|
||||
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,
|
||||
@@ -49,7 +49,7 @@ const PROBLEMS = [
|
||||
{ label: "D", text: "h = 11, s = 11", correct: false }
|
||||
],
|
||||
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,
|
||||
@@ -63,7 +63,7 @@ const PROBLEMS = [
|
||||
{ label: "D", text: "m = 14, c = 10", correct: false }
|
||||
],
|
||||
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,
|
||||
@@ -77,7 +77,7 @@ const PROBLEMS = [
|
||||
{ label: "D", text: "p = 18, c = 4", correct: false }
|
||||
],
|
||||
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,
|
||||
@@ -91,7 +91,7 @@ const PROBLEMS = [
|
||||
{ label: "D", text: "m = 22, n = 8", correct: false }
|
||||
],
|
||||
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;
|
||||
--star-gold: #f1c40f;
|
||||
--star-locked: #95a5a6;
|
||||
--overlay-bg: rgba(244,228,193,0.85);
|
||||
--overlay-bg: rgba(244,228,193,0.80);
|
||||
--success-green: #4caf50;
|
||||
--backdrop: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user