mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
Address feedback
- moves mask clear button - fixes intermediates - shrinks inpainting icons by 10%
This commit is contained in:
parent
7ba958cf7f
commit
c6118e8898
@ -30,6 +30,7 @@ export const imagesSelector = createSelector(
|
||||
|
||||
return {
|
||||
imageToDisplay: intermediateImage ? intermediateImage : currentImage,
|
||||
isIntermediate: intermediateImage,
|
||||
currentCategory,
|
||||
isOnFirstImage: currentImageIndex === 0,
|
||||
isOnLastImage:
|
||||
@ -55,6 +56,7 @@ export default function CurrentImagePreview() {
|
||||
isOnLastImage,
|
||||
shouldShowImageDetails,
|
||||
imageToDisplay,
|
||||
isIntermediate,
|
||||
} = useAppSelector(imagesSelector);
|
||||
|
||||
const [shouldShowNextPrevButtons, setShouldShowNextPrevButtons] =
|
||||
@ -78,7 +80,13 @@ export default function CurrentImagePreview() {
|
||||
|
||||
return (
|
||||
<div className={'current-image-preview'}>
|
||||
{imageToDisplay && <Image src={imageToDisplay.url} />}
|
||||
{imageToDisplay && (
|
||||
<Image
|
||||
src={imageToDisplay.url}
|
||||
width={isIntermediate ? imageToDisplay.width : undefined}
|
||||
height={isIntermediate ? imageToDisplay.height : undefined}
|
||||
/>
|
||||
)}
|
||||
{!shouldShowImageDetails && (
|
||||
<div className="current-image-next-prev-buttons">
|
||||
<div
|
||||
|
@ -13,6 +13,10 @@
|
||||
align-items: center;
|
||||
column-gap: 0.5rem;
|
||||
|
||||
svg {
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
.inpainting-buttons-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -23,12 +23,12 @@ const InpaintingControls = () => {
|
||||
<InpaintingMaskInvertControl />
|
||||
<InpaintingLockBoundingBoxControl />
|
||||
<InpaintingShowHideBoundingBoxControl />
|
||||
<InpaintingMaskClear />
|
||||
</ButtonGroup>
|
||||
|
||||
<ButtonGroup isAttached={true}>
|
||||
<InpaintingUndoControl />
|
||||
<InpaintingRedoControl />
|
||||
<InpaintingMaskClear />
|
||||
</ButtonGroup>
|
||||
<ButtonGroup isAttached={true}>
|
||||
<ImageUploaderIconButton />
|
||||
|
Loading…
Reference in New Issue
Block a user