From 85b0590d852fdc442df653d4dd3f76945278d804 Mon Sep 17 00:00:00 2001
From: Mathieu <mathieu.fort@gmail.com>
Date: Thu, 11 Jun 2026 13:40:14 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20split=20avant/apr=C3=A8s=20avec=20overfl?=
 =?UTF-8?q?ow-hidden=20et=20largeur=20dynamique?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/images/ImageCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/images/ImageCard.tsx b/src/components/images/ImageCard.tsx
index e9fd750..1229b9a 100644
--- a/src/components/images/ImageCard.tsx
+++ b/src/components/images/ImageCard.tsx
@@ -111,11 +111,11 @@ export function ImageCard({
         className="relative h-40 bg-slate-800 cursor-pointer"
         onClick={() => onOpenLightbox(item)}
       >
-        <div className="absolute inset-0">
+        <div className={`absolute top-0 bottom-0 left-0 overflow-hidden ${item.processedBlob ? 'w-1/2' : 'w-full'}`}>
           <BlobThumbnail blob={item.originalBlob} alt="Original" />
         </div>
         {item.processedBlob && (
-          <div className="absolute top-0 bottom-0 right-0 w-1/2 border-l-2 border-indigo-500">
+          <div className="absolute top-0 bottom-0 right-0 w-1/2 overflow-hidden border-l-2 border-indigo-500">
             <BlobThumbnail blob={item.processedBlob} alt="Traité" />
           </div>
         )}