wrap control net button with div to add width

This commit is contained in:
Jennifer Player 2023-09-20 15:44:15 -04:00
parent 69e3513e90
commit d066bc6d19

View File

@ -1,3 +1,4 @@
import { Box } from '@chakra-ui/react';
import { createSelector } from '@reduxjs/toolkit'; import { createSelector } from '@reduxjs/toolkit';
import { stateSelector } from 'app/store/store'; import { stateSelector } from 'app/store/store';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
@ -26,16 +27,15 @@ const ParamControlNetFeatureToggle = () => {
}, [dispatch]); }, [dispatch]);
return ( return (
<IAIInformationalPopover details="controlNetToggle"> <Box width="100%">
<IAISwitch <IAIInformationalPopover details="controlNetToggle">
label="Enable ControlNet" <IAISwitch
isChecked={isEnabled} label="Enable ControlNet"
onChange={handleChange} isChecked={isEnabled}
formControlProps={{ onChange={handleChange}
width: '100%', />
}} </IAIInformationalPopover>
/> </Box>
</IAIInformationalPopover>
); );
}; };