From d7a54fa5f67a64576a0875774b9eef2c056ad34d Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Sat, 21 Mar 2026 01:14:44 -0700
Subject: [PATCH] Fix: aspect-ratio-aware frame previews

---
 src/app/dom.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/dom.js b/src/app/dom.js
index c42cada..6775b44 100644
--- a/src/app/dom.js
+++ b/src/app/dom.js
@@ -44,11 +44,13 @@ export function resetProgress(el) {
   if (el.framesPreview) el.framesPreview.innerHTML = '';
 }
 
-export function addFramePreview(el, src, index) {
+export function addFramePreview(el, src, index, aspectRatio = '1:1') {
   if (!el.framesPreview) return;
   const img = document.createElement('img');
   img.src = src;
-  img.className = 'w-16 h-16 rounded-lg border border-neutral-200 object-cover';
+  img.className = 'h-16 rounded-lg border border-neutral-200 object-cover bg-white';
+  img.style.aspectRatio = aspectRatio;
+  img.style.width = 'auto';
   img.title = `frame ${index + 1}`;
   el.framesPreview.appendChild(img);
 }