Address feedback

- moves mask clear button
- fixes intermediates
- shrinks inpainting icons by 10%
This commit is contained in:
psychedelicious 2022-11-03 01:29:51 +11:00 committed by Lincoln Stein
parent 7ba958cf7f
commit c6118e8898
3 changed files with 14 additions and 2 deletions

View File

@ -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

View File

@ -13,6 +13,10 @@
align-items: center;
column-gap: 0.5rem;
svg {
transform: scale(0.9);
}
.inpainting-buttons-group {
display: flex;
align-items: center;

View File

@ -23,12 +23,12 @@ const InpaintingControls = () => {
<InpaintingMaskInvertControl />
<InpaintingLockBoundingBoxControl />
<InpaintingShowHideBoundingBoxControl />
<InpaintingMaskClear />
</ButtonGroup>
<ButtonGroup isAttached={true}>
<InpaintingUndoControl />
<InpaintingRedoControl />
<InpaintingMaskClear />
</ButtonGroup>
<ButtonGroup isAttached={true}>
<ImageUploaderIconButton />