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 broken styling on the Clear Mask button

Browse Source
This commit is contained in:
blessedcoolant 2022-11-11 04:09:40 +13:00
parent 458081f9c9
commit 72ea5453ce
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/features/canvas/IAICanvasMaskButtonPopover.tsx
View File

@ -1,4 +1,4 @@
import { Button, Flex } from '@chakra-ui/react'; import { Flex } from '@chakra-ui/react';
import { createSelector } from '@reduxjs/toolkit'; import { createSelector } from '@reduxjs/toolkit';
import { import {
clearMask, clearMask,
@ -14,6 +14,7 @@ import { FaMask } from 'react-icons/fa';
import IAIPopover from 'common/components/IAIPopover'; import IAIPopover from 'common/components/IAIPopover';
import IAICheckbox from 'common/components/IAICheckbox'; import IAICheckbox from 'common/components/IAICheckbox';
import IAIColorPicker from 'common/components/IAIColorPicker'; import IAIColorPicker from 'common/components/IAIColorPicker';
import IAIButton from 'common/components/IAIButton';
export const selector = createSelector( export const selector = createSelector(
[currentCanvasSelector], [currentCanvasSelector],
@ -50,7 +51,7 @@ const IAICanvasMaskButtonPopover = () => {
} }
> >
<Flex direction={'column'} gap={'0.5rem'}> <Flex direction={'column'} gap={'0.5rem'}>
<Button onClick={() => dispatch(clearMask())}>Clear Mask</Button> <IAIButton onClick={() => dispatch(clearMask())}>Clear Mask</IAIButton>
<IAICheckbox <IAICheckbox
label="Enable Mask" label="Enable Mask"
isChecked={isMaskEnabled} isChecked={isMaskEnabled}