github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-15 13:05:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): hide scaled w/h when bbox scaling is disabled

Browse Source
This commit is contained in:
psychedelicious
2024-09-20 20:36:29 +10:00
committed by Kent Keirsey
parent ceea9760eb
commit feabe24826
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx
View File

@@ -4,7 +4,7 @@ import { EMPTY_ARRAY } from 'app/store/constants';
import { createMemoizedSelector } from 'app/store/createMemoizedSelector';
import { useAppSelector } from 'app/store/storeHooks';
import { selectParamsSlice } from 'features/controlLayers/store/paramsSlice';
import { selectCanvasSlice } from 'features/controlLayers/store/selectors';
import { selectCanvasSlice, selectScaleMethod } from 'features/controlLayers/store/selectors';
import BboxScaledHeight from 'features/parameters/components/Bbox/BboxScaledHeight';
import BboxScaledWidth from 'features/parameters/components/Bbox/BboxScaledWidth';
import BboxScaleMethod from 'features/parameters/components/Bbox/BboxScaleMethod';
@@ -50,6 +50,7 @@ const scalingLabelProps: FormLabelProps = {
export const ImageSettingsAccordion = memo(() => {
const { t } = useTranslation();
const badges = useAppSelector(selectBadges);
const scaleMethod = useAppSelector(selectScaleMethod);
const { isOpen: isOpenAccordion, onToggle: onToggleAccordion } = useStandaloneAccordionToggle({
id: 'image-settings',
defaultIsOpen: true,
@@ -77,10 +78,12 @@ export const ImageSettingsAccordion = memo(() => {
<Expander label={t('accordions.advanced.options')} isOpen={isOpenExpander} onToggle={onToggleExpander}>
<Flex gap={4} pb={4} flexDir="column">
<BboxScaleMethod />
<FormControlGroup formLabelProps={scalingLabelProps}>
<BboxScaledWidth />
<BboxScaledHeight />
</FormControlGroup>
{scaleMethod !== 'none' && (
<FormControlGroup formLabelProps={scalingLabelProps}>
<BboxScaledWidth />
<BboxScaledHeight />
</FormControlGroup>
)}
</Flex>
</Expander>
</Flex>