fix(nds): remove all top baselines

app/components/Achievements/BottomScreen.vue

@@ -55,7 +55,6 @@ onRender((ctx) => {
       ? store.outro.stage1Opacity
       : 1;
   ctx.font = "7px NDS7";
-  ctx.textBaseline = "top";
   for (
     let i = ACHIEVEMENTS.length - 1;
     i >= ACHIEVEMENTS_TOP_SCREEN_COUNT;
@@ -83,7 +82,7 @@ onRender((ctx) => {
         ? "???"
         : $t(`achievements.${achievement.id}`).replace("\n", " "),
       ACHIEVEMENTS_X + CHECKBOX_SIZE + CHECKBOX_TEXT_GAP,
-      y,
+      y + 7,
     );
   }
 

app/components/Achievements/Notification.vue

@@ -87,7 +87,6 @@ onRender((ctx) => {
 
   // text (1 or 2 lines)
   ctx.font = "7px NDS7";
-  ctx.textBaseline = "top";
   ctx.fillStyle = "#282828";
 
   const lines = $t(`achievements.${currentAchievement.value}`).split("\n");
@@ -95,7 +94,11 @@ onRender((ctx) => {
     lines.length === 1 ? NOTIF_Y + PADDING + 4 : NOTIF_Y + PADDING + 1;
 
   for (let i = 0; i < lines.length; i++) {
-    ctx.fillText(lines[i]!, x.value + TEXT_X_OFFSET, textY + i * LINE_HEIGHT);
+    ctx.fillText(
+      lines[i]!,
+      x.value + TEXT_X_OFFSET,
+      textY + i * LINE_HEIGHT + 7,
+    );
   }
 }, 200);
 

app/components/Achievements/TopScreen.vue

@@ -24,7 +24,6 @@ onRender((ctx) => {
       ? store.outro.stage2Opacity
       : 1;
   ctx.fillStyle = "#ffffff";
-  ctx.textBaseline = "top";
 
   // title
   ctx.font = "10px NDS10";
@@ -32,7 +31,7 @@ onRender((ctx) => {
     ctx,
     $t("achievementsScreen.title"),
     0,
-    ACHIEVEMENTS_HEADER_Y,
+    ACHIEVEMENTS_HEADER_Y + 9,
     LOGICAL_WIDTH,
   );
 
@@ -45,7 +44,7 @@ onRender((ctx) => {
     ctx,
     `${unlockedCount}/${totalCount}`,
     0,
-    ACHIEVEMENTS_HEADER_Y + 13,
+    ACHIEVEMENTS_HEADER_Y + 13 + 7,
     LOGICAL_WIDTH,
   );
 
@@ -105,7 +104,7 @@ onRender((ctx) => {
         ? "???"
         : $t(`achievements.${achievement.id}`).replace("\n", " "),
       ACHIEVEMENTS_X + CHECKBOX_SIZE + CHECKBOX_TEXT_GAP,
-      y,
+      y + 7,
     );
   }
 });