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