From 04408ee8957e87a61a4797cbf3d5ae3d07e4a3c1 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Sat, 11 Oct 2025 09:27:53 +0000
Subject: [PATCH] Adjust image editor to correctly place overlays on original
 media

Modify the image editor component to ensure overlays are applied to the original image, not a padded version, by updating image rendering logic and CSS classes in `client/src/pages/image-editor.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/Hpj2VzR
---
 client/src/pages/image-editor.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/image-editor.tsx b/client/src/pages/image-editor.tsx
index b5e2560..8bccf62 100644
--- a/client/src/pages/image-editor.tsx
+++ b/client/src/pages/image-editor.tsx
@@ -739,11 +739,11 @@ export default function ImageEditor() {
                   {selectedMedia ? (
                     <div className="space-y-4">
                       <div className="rounded-lg overflow-hidden bg-muted aspect-square flex items-center justify-center">
-                        <div ref={previewRef} className="relative w-full h-full">
+                        <div ref={previewRef} className="relative">
                           <img
                             src={previewUrl || selectedMedia.originalUrl}
                             alt="Aperçu"
-                            className="w-full h-full object-contain"
+                            className="max-w-full max-h-[706px] w-auto h-auto"
                             data-testid="preview-image"
                           />