fix(ui): staging area images may be slightly too large

psychedelicious · psychedelicious · commit d9a1efbabf7a · 2025-07-12T10:22:17.000+10:00
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemPreviewMini.tsx b/invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/QueueItemPreviewMini.tsx
@@ -77,7 +77,7 @@ export const QueueItemPreviewMini = memo(({ item, isSelected, index }: Props) =>
       onDoubleClick={onDoubleClick}
     >
       <QueueItemStatusLabel item={item} position="absolute" margin="auto" />
-      {imageDTO && <DndImage imageDTO={imageDTO} onLoad={onLoad} asThumbnail />}
+      {imageDTO && <DndImage imageDTO={imageDTO} onLoad={onLoad} asThumbnail position="absolute" />}
       {!imageLoaded && <QueueItemProgressImage itemId={item.item_id} position="absolute" />}
       <QueueItemNumber number={index + 1} position="absolute" top={0} left={1} />
       <QueueItemCircularProgress itemId={item.item_id} status={item.status} position="absolute" top={1} right={2} />

Original file line number	Diff line number	Diff line change
`@@ -77,7 +77,7 @@ export const QueueItemPreviewMini = memo(({ item, isSelected, index }: Props) =>`
`77`	`77`	`onDoubleClick={onDoubleClick}`
`78`	`78`	`>`
`79`	`79`	`<QueueItemStatusLabel item={item} position="absolute" margin="auto" />`
`80`		`- {imageDTO && <DndImage imageDTO={imageDTO} onLoad={onLoad} asThumbnail />}`
	`80`	`+ {imageDTO && <DndImage imageDTO={imageDTO} onLoad={onLoad} asThumbnail position="absolute" />}`
`81`	`81`	`{!imageLoaded && <QueueItemProgressImage itemId={item.item_id} position="absolute" />}`
`82`	`82`	`<QueueItemNumber number={index + 1} position="absolute" top={0} left={1} />`
`83`	`83`	`<QueueItemCircularProgress itemId={item.item_id} status={item.status} position="absolute" top={1} right={2} />`