Display preview area size as integer pixels

claude · claude · commit d87b318d6415 · 2026-01-19T06:48:11.000Z
Changed updatePreviewSize() to round cardWidth and cardHeight to integers using Math.round() for cleaner display (e.g., 725×469 instead of 725.1953125×468.774979202835565)
diff --git a/QSL_card_designer.html b/QSL_card_designer.html
@@ -619,7 +619,9 @@ <h2>QSL Card Designer (QSLカードデザイナー)</h2>
 
 function updatePreviewSize() {
   const sizeText = document.getElementById('previewSize');
-  sizeText.textContent = `Preview Area (プレビューエリア) (${cardWidth}×${cardHeight} px)`;
+  const w = Math.round(cardWidth);
+  const h = Math.round(cardHeight);
+  sizeText.textContent = `Preview Area (プレビューエリア) (${w}×${h} px)`;
 }
 
 // On window resize (for bg images)

Original file line number	Diff line number	Diff line change
`@@ -619,7 +619,9 @@ <h2>QSL Card Designer (QSLカードデザイナー)</h2>`
`619`	`619`
`620`	`620`	`function updatePreviewSize() {`
`621`	`621`	`const sizeText = document.getElementById('previewSize');`
`622`		- sizeText.textContent = `Preview Area (プレビューエリア) (${cardWidth}×${cardHeight} px)`;
	`622`	`+ const w = Math.round(cardWidth);`
	`623`	`+ const h = Math.round(cardHeight);`
	`624`	+ sizeText.textContent = `Preview Area (プレビューエリア) (${w}×${h} px)`;
`623`	`625`	`}`
`624`	`626`
`625`	`627`	`// On window resize (for bg images)`