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

Isolate Cancel Button Menu Styling

Browse Source
This commit is contained in:
blessedcoolant 2023-02-19 13:23:04 +13:00
parent d42cc0fd1c
commit 8bf93d3a32
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
invokeai/frontend/src/common/components/IAISimpleMenu.tsx
View File

@ -72,13 +72,13 @@ export default function IAISimpleMenu(props: IAIMenuProps) {
tooltip={iconTooltip} tooltip={iconTooltip}
icon={isOpen ? <MdArrowDropUp /> : <MdArrowDropDown />} icon={isOpen ? <MdArrowDropUp /> : <MdArrowDropDown />}
padding={menuType === 'regular' ? '0 0.5rem' : 0} padding={menuType === 'regular' ? '0 0.5rem' : 0}
backgroundColor="var(--destructive-color)" backgroundColor="var(--btn-base-color)"
color="var(--text-color)"
minWidth="1.5rem"
minHeight="1.5rem"
_hover={{ _hover={{
backgroundColor: 'var(--destructive-color-hover)', backgroundColor: 'var(--btn-base-color-hover)',
}} }}
minWidth="1rem"
minHeight="1rem"
fontSize="1.5rem"
{...menuButtonProps} {...menuButtonProps}
> >
{menuType === 'regular' && buttonText} {menuType === 'regular' && buttonText}

9
invokeai/frontend/src/features/parameters/components/ProcessButtons/CancelButton.tsx
View File

@ -139,6 +139,15 @@ export default function CancelButton(
<IAISimpleMenu <IAISimpleMenu
menuItems={cancelMenuItems} menuItems={cancelMenuItems}
iconTooltip={t('parameters.cancel.setType')} iconTooltip={t('parameters.cancel.setType')}
menuButtonProps={{
backgroundColor: 'var(--destructive-color)',
color: 'var(--text-color)',
minWidth: '1.5rem',
minHeight: '1.5rem',
_hover: {
backgroundColor: 'var(--destructive-color-hover)',
},
}}
/> />
</ButtonGroup> </ButtonGroup>
); );