github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): vae layout

Browse Source
This commit is contained in:
psychedelicious
2024-09-09 22:43:36 +10:00
parent 71e0abe653
commit fd56b35982
2 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
invokeai/frontend/web/src/features/parameters/components/VAEModel/ParamVAEModelSelect.tsx
View File

@@ -1,4 +1,4 @@
import { Box, Combobox, FormControl, FormLabel } from '@invoke-ai/ui-library';
import { Combobox, FormControl, FormLabel } from '@invoke-ai/ui-library';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import { InformationalPopover } from 'common/components/InformationalPopover/InformationalPopover';
import { useGroupedModelCombobox } from 'common/hooks/useGroupedModelCombobox';
@@ -38,20 +38,18 @@ const ParamVAEModelSelect = () => {
});
return (
<FormControl isDisabled={!options.length} isInvalid={!options.length}>
<FormControl isDisabled={!options.length} isInvalid={!options.length} minW={0} flexGrow={1}>
<InformationalPopover feature="paramVAE">
<FormLabel m={0}>{t('modelManager.vae')}</FormLabel>
</InformationalPopover>
<Box w="full" minW={0}>
<Combobox
isClearable
value={value}
placeholder={value ? value.value : t('models.defaultVAE')}
options={options}
onChange={onChange}
noOptionsMessage={noOptionsMessage}
/>
</Box>
<Combobox
isClearable
value={value}
placeholder={value ? value.value : t('models.defaultVAE')}
options={options}
onChange={onChange}
noOptionsMessage={noOptionsMessage}
/>
</FormControl>
);
};

2
invokeai/frontend/web/src/features/parameters/components/VAEModel/ParamVAEPrecision.tsx
View File

@@ -31,7 +31,7 @@ const ParamVAEPrecision = () => {
const value = useMemo(() => options.find((o) => o.value === vaePrecision), [vaePrecision]);
return (
<FormControl w={24}>
<FormControl flexGrow={0}>
<InformationalPopover feature="paramVAEPrecision">
<FormLabel m={0}>{t('modelManager.vaePrecision')}</FormLabel>
</InformationalPopover>