feat: switch to smaller font on mobile

NEIAAC · Aug 28, 2024 · 6691e5f · 6691e5f
1 parent 30cb5bd
commit 6691e5f
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/scripts/main.js b/scripts/main.js
@@ -26,7 +26,8 @@ window.addEventListener("load", main, false);
 
 function drawCanvas(canvas, ctx) {
   const { currentColorIndex, bgColors } = state;
-  ctx.font = "25px monospace";
+  const font = canvas.width < 500 ? 20 : 25;
+  ctx.font = `${font}px Satoshi Bold`;
   ctx.fillStyle = `rgba(${bgColors[currentColorIndex].join(", ")}, 1)`;
   ctx.fillRect(0, 0, canvas.width, canvas.height);