diff --git a/invokeai/frontend/web/src/common/components/IAIInformationalPopover.tsx b/invokeai/frontend/web/src/common/components/IAIInformationalPopover.tsx index 1543d85f2c..52a45b7ca9 100644 --- a/invokeai/frontend/web/src/common/components/IAIInformationalPopover.tsx +++ b/invokeai/frontend/web/src/common/components/IAIInformationalPopover.tsx @@ -81,7 +81,7 @@ function IAIInformationalPopover({ sx={{ gap: 3, flexDirection: 'column', - + width: '100%', p: 3, pt: heading ? 0 : 3, }} diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/Canvas/Compositing/MaskAdjustment/ParamMaskBlurMethod.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/Canvas/Compositing/MaskAdjustment/ParamMaskBlurMethod.tsx index 8b17f46298..12da7fd2fd 100644 --- a/invokeai/frontend/web/src/features/parameters/components/Parameters/Canvas/Compositing/MaskAdjustment/ParamMaskBlurMethod.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/Canvas/Compositing/MaskAdjustment/ParamMaskBlurMethod.tsx @@ -29,7 +29,7 @@ export default function ParamMaskBlurMethod() { }; return ( - + { return ( - + - + diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/SubParametersWrapper.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/SubParametersWrapper.tsx index 96c78b1336..65b565e926 100644 --- a/invokeai/frontend/web/src/features/parameters/components/Parameters/SubParametersWrapper.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/SubParametersWrapper.tsx @@ -1,9 +1,11 @@ import { Flex, Text } from '@chakra-ui/react'; +import IAIInformationalPopover from 'common/components/IAIInformationalPopover'; import { ReactNode, memo } from 'react'; type SubParameterWrapperProps = { children: ReactNode | ReactNode[]; label?: string; + headerInfoPopover?: string; }; const SubParametersWrapper = (props: SubParameterWrapperProps) => ( @@ -21,7 +23,18 @@ const SubParametersWrapper = (props: SubParameterWrapperProps) => ( }, }} > - {props.label && ( + {props.headerInfoPopover && props.label && ( + + + {props.label} + + + )} + {!props.headerInfoPopover && props.label && (