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: Fix some styling issues with IAIMantineMultiSelect

Browse Source
This commit is contained in:
blessedcoolant 2023-06-18 22:04:12 +12:00
parent 450641c414
commit a960fa009d
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
invokeai/frontend/web/src/common/components/IAIMantineMultiSelect.tsx
View File

@ -29,10 +29,16 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => {
'&:focus': { '&:focus': {
borderColor: 'var(--invokeai-colors-accent-600)', borderColor: 'var(--invokeai-colors-accent-600)',
}, },
'&:focus-within': {
borderColor: 'var(--invokeai-colors-accent-600)',
},
}, },
value: { value: {
backgroundColor: 'var(--invokeai-colors-base-800)', backgroundColor: 'var(--invokeai-colors-base-800)',
color: 'var(--invokeai-colors-base-100)', color: 'var(--invokeai-colors-base-100)',
button: {
color: 'var(--invokeai-colors-base-100)',
},
'&:hover': { '&:hover': {
backgroundColor: 'var(--invokeai-colors-base-700)', backgroundColor: 'var(--invokeai-colors-base-700)',
cursor: 'pointer', cursor: 'pointer',
@ -68,7 +74,10 @@ const IAIMantineMultiSelect = (props: IAIMultiSelectProps) => {
}, },
rightSection: { rightSection: {
width: 24, width: 24,
paddingRight: 20, padding: 20,
button: {
color: 'var(--invokeai-colors-base-100)',
},
}, },
})} })}
{...rest} {...rest}