Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: Match styling of img2img to the rest of the accordions

Browse Source
This commit is contained in:
blessedcoolant 2023-04-26 22:53:40 +12:00 committed by psychedelicious
parent 0a936696c3
commit a08189d457
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/ImageToImageToggle.tsx
View File

@ -1,3 +1,4 @@
import { Flex } from '@chakra-ui/react';
import { RootState } from 'app/store';
import { useAppDispatch, useAppSelector } from 'app/storeHooks';
import IAISwitch from 'common/components/IAISwitch';
@ -18,11 +19,18 @@ export default function ImageToImageToggle() {
dispatch(isImageToImageEnabledChanged(e.target.checked));
return (
<IAISwitch
label={t('common.img2img')}
isChecked={isImageToImageEnabled}
width="auto"
onChange={handleChange}
/>
<Flex background="base.800" py={1.5} px={4} borderRadius={4}>
<IAISwitch
label={t('common.img2img')}
isChecked={isImageToImageEnabled}
width="full"
onChange={handleChange}
justifyContent="space-between"
formLabelProps={{
fontWeight: 'bold',
color: 'base.200',
}}
/>
</Flex>
);
}