From eabcdb0988c3fdf5f940cb24a3e817bb19d45512 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Thu, 10 Jul 2025 23:45:59 +0200
Subject: fix: preview image scaling

---
 apps/web/src/components/editor/preview-panel.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'apps/web/src/components/editor/preview-panel.tsx')

diff --git a/apps/web/src/components/editor/preview-panel.tsx b/apps/web/src/components/editor/preview-panel.tsx
index 926bee8d..1cc9d976 100644
--- a/apps/web/src/components/editor/preview-panel.tsx
+++ b/apps/web/src/components/editor/preview-panel.tsx
@@ -202,7 +202,10 @@ export function PreviewPanel() {
       // Video elements
       if (mediaItem.type === "video") {
         return (
-          <div key={element.id} className="absolute inset-0">
+          <div
+            key={element.id}
+            className="absolute inset-0 flex items-center justify-center"
+          >
             <VideoPlayer
               src={mediaItem.url!}
               poster={mediaItem.thumbnailUrl}
@@ -218,11 +221,14 @@ export function PreviewPanel() {
       // Image elements
       if (mediaItem.type === "image") {
         return (
-          <div key={element.id} className="absolute inset-0">
+          <div
+            key={element.id}
+            className="absolute inset-0 flex items-center justify-center"
+          >
             <img
               src={mediaItem.url!}
               alt={mediaItem.name}
-              className="w-full h-full object-cover"
+              className="max-w-full max-h-full object-contain"
               draggable={false}
             />
           </div>
-- 
cgit v1.3.1