C_Ma_For/gestion-materiaux-destock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: split avant/après avec overflow-hidden et largeur dynamique

Browse Source
This commit is contained in:
Mathieu
2026-06-11 13:40:14 +02:00
parent 725a7508b0
commit 85b0590d85
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/images/ImageCard.tsx
+2 -2
View File
@@ -111,11 +111,11 @@ export function ImageCard({
className="relative h-40 bg-slate-800 cursor-pointer" className="relative h-40 bg-slate-800 cursor-pointer"
onClick={() => onOpenLightbox(item)} 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" /> <BlobThumbnail blob={item.originalBlob} alt="Original" />
</div> </div>
{item.processedBlob && ( {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é" /> <BlobThumbnail blob={item.processedBlob} alt="Traité" />
</div> </div>
)} )}