From 631b09918de07870ba2c04979a644d2028334550 Mon Sep 17 00:00:00 2001
From: Alex House <house.alexander@gmail.com>
Date: Wed, 18 Feb 2026 11:23:58 +0000
Subject: [PATCH] feat(ui): show the boot logo resolution when selected on the
 canvas

---
 src/index.ts | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index ed302bd..5068c8b 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -81,6 +81,13 @@ var updateCanvasSize = () => {
   let ctx = canvas.getContext('2d');
   ctx.fillStyle = '#000';
   ctx.fillRect(0, 0, width, height)
+
+  let text = `${res.w} x ${res.h}`;
+  ctx.fillStyle = '#666';
+  ctx.font = 'bold 48px sans-serif';
+  ctx.textAlign = 'center';
+  ctx.textBaseline = 'middle';
+  ctx.fillText(text, canvas.width / 2, canvas.height / 2);
 }
 
 var checkImageSize = () => {
@@ -297,10 +304,6 @@ modelSelect.addEventListener("sl-change", event => {
     ctx.fillRect(0, 0, width, height);
     ctx.drawImage(currImage, 0, 0);
   }
-  else {
-    ctx.fillStyle = "#000";
-    ctx.fillRect(0, 0, width, height);
-  }
   imageUploader.disabled = false;
   binFileInfoAlert.hide();
   plausible.trackEvent("modelSelected", { props: { resolution: `${width}x${height}`, device: val, sid: sid } });