fix(ui): upscale dropdown activates when clicking image actions

Weird issue with `react-select`... Made the popover lazy as a workaround.

Also updated styling of the popover.
This commit is contained in:
psychedelicious 2024-01-03 11:20:19 +11:00
parent 37c8b9d06a
commit 6320d18846
2 changed files with 3 additions and 3 deletions

View File

@ -76,7 +76,7 @@ const ParamESRGANModel = () => {
);
return (
<InvControl label={t('models.esrganModel')}>
<InvControl label={t('models.esrganModel')} orientation="vertical">
<InvSelect value={value} onChange={onChange} options={options} />
</InvControl>
);

View File

@ -37,7 +37,7 @@ const ParamUpscalePopover = (props: Props) => {
}, [dispatch, imageDTO, isAllowedToUpscale, onClose]);
return (
<InvPopover isOpen={isOpen} onClose={onClose}>
<InvPopover isOpen={isOpen} onClose={onClose} isLazy>
<InvPopoverTrigger>
<InvIconButton
tooltip={t('parameters.upscale')}
@ -47,7 +47,7 @@ const ParamUpscalePopover = (props: Props) => {
/>
</InvPopoverTrigger>
<InvPopoverContent>
<InvPopoverBody>
<InvPopoverBody minW={96}>
<Flex flexDirection="column" gap={4}>
<ParamESRGANModel />
<InvButton