Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adding Bounding Box Reset Disables

Browse Source 
Add disable conditions for reset buttons on bounding box width and height
This commit is contained in:
blessedcoolant 2022-10-28 08:05:40 +13:00 committed by psychedelicious
parent 6679e5be69
commit acdffb1503
7 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
frontend/dist/assets/index.edb36f20.js → frontend/dist/assets/index.8bf7de62.js vendored
View File

1
frontend/dist/assets/index.dbcb8bce.css vendored
View File

File diff suppressed because one or more lines are too long

1
frontend/dist/assets/index.fccfd8c3.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

6
frontend/src/common/components/IAINumberInput.scss
View File

@ -69,12 +69,6 @@
width: 10px;
height: 10px;
}
&:hover {
path {
// fill: ;
}
}
}
}
}

6
frontend/src/common/components/IAINumberInput.tsx
View File

@ -116,7 +116,11 @@ const IAINumberInput = (props: Props) => {
<FormControl
isDisabled={isDisabled}
isInvalid={isInvalid}
className={`invokeai__number-input-form-control ${styleClass}`}
className={
styleClass
? `invokeai__number-input-form-control ${styleClass}`
: `invokeai__number-input-form-control`
}
{...formControlProps}
>
<FormLabel

5
frontend/src/features/options/AdvancedOptions/Inpainting/BoundingBoxSettings.scss
View File

@ -1,7 +1,6 @@
.inpainting-bounding-box-settings {
display: flex;
flex-direction: column;
max-width: 100%;
border-radius: 0.4rem;
border: 2px solid var(--tab-color);
}
@ -34,8 +33,8 @@
}
.inpainting-bounding-box-dimensions-slider-numberinput {
display: flex;
justify-content: space-between;
display: grid;
grid-template-columns: repeat(3, auto);
column-gap: 1rem;
}

8
frontend/src/features/options/AdvancedOptions/Inpainting/BoundingBoxSettings.tsx
View File

@ -129,6 +129,10 @@ const BoundingBoxSettings = () => {
onClick={handleResetWidth}
icon={<BiReset />}
styleClass="inpainting-bounding-box-reset-icon-btn"
isDisabled={
!shouldShowBoundingBox ||
canvasDimensions.width === boundingBoxDimensions.width
}
/>
</div>
<div className="inpainting-bounding-box-dimensions-slider-numberinput">
@ -159,6 +163,10 @@ const BoundingBoxSettings = () => {
onClick={handleResetHeight}
icon={<BiReset />}
styleClass="inpainting-bounding-box-reset-icon-btn"
isDisabled={
!shouldShowBoundingBox ||
canvasDimensions.height === boundingBoxDimensions.height
}
/>
</div>
<IAICheckbox