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

fix: Settings Modal colors in Light Mode

Browse Source
This commit is contained in:
blessedcoolant 2023-07-18 19:49:33 +12:00
parent 99383c2701
commit 64d676219b
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsModal.tsx
View File

@ -183,7 +183,7 @@ const SettingsModal = ({ children, config }: SettingsModalProps) => {
> >
<ModalOverlay /> <ModalOverlay />
<ModalContent> <ModalContent>
<ModalHeader>{t('common.settingsLabel')}</ModalHeader> <ModalHeader bg="none">{t('common.settingsLabel')}</ModalHeader>
<ModalCloseButton /> <ModalCloseButton />
<ModalBody> <ModalBody>
<Flex sx={{ gap: 4, flexDirection: 'column' }}> <Flex sx={{ gap: 4, flexDirection: 'column' }}>
@ -331,12 +331,15 @@ export default SettingsModal;
const StyledFlex = (props: PropsWithChildren) => { const StyledFlex = (props: PropsWithChildren) => {
return ( return (
<Flex <Flex
layerStyle="second"
sx={{ sx={{
flexDirection: 'column', flexDirection: 'column',
gap: 2, gap: 2,
p: 4, p: 4,
borderRadius: 'base', borderRadius: 'base',
bg: 'base.100',
_dark: {
bg: 'base.900',
},
}} }}
> >
{props.children} {props.children}