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(ui): InvEditable, linear field view styling

Browse Source
This commit is contained in:
psychedelicious 2023-12-29 17:01:07 +11:00 committed by Kent Keirsey
parent cd292f6c1c
commit 4134f18319
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
invokeai/frontend/web/src/common/components/InvButton/theme.ts
View File

@ -54,7 +54,7 @@ const getColors = (
const bgColorHover = c === 'invokeYellow' ? `${c}.300` : `${c}.300`; const bgColorHover = c === 'invokeYellow' ? `${c}.300` : `${c}.300`;
const notSolidFg = { const notSolidFg = {
fg: c === 'base' ? 'base.100' : bgColor, fg: c === 'base' ? 'base.300' : bgColor,
fgHover: c === 'base' ? 'base.50' : bgColorHover, fgHover: c === 'base' ? 'base.50' : bgColorHover,
fgDisabled: 'base.600', fgDisabled: 'base.600',
}; };

8
invokeai/frontend/web/src/common/components/InvEditable/theme.ts
View File

@ -8,13 +8,17 @@ const { definePartsStyle, defineMultiStyleConfig } =
createMultiStyleConfigHelpers(parts.keys); createMultiStyleConfigHelpers(parts.keys);
const baseStylePreview = defineStyle({ const baseStylePreview = defineStyle({
fontSize: 'md',
borderRadius: 'md', borderRadius: 'md',
py: '1', py: '1',
transitionProperty: 'common', transitionProperty: 'common',
transitionDuration: 'normal', transitionDuration: 'normal',
color: 'base.100'
}); });
const baseStyleInput = defineStyle(() => ({ const baseStyleInput = defineStyle(() => ({
color: 'base.100',
fontSize: 'md',
borderRadius: 'md', borderRadius: 'md',
py: '1', py: '1',
transitionProperty: 'common', transitionProperty: 'common',
@ -23,8 +27,8 @@ const baseStyleInput = defineStyle(() => ({
_focusVisible: { boxShadow: 'none' }, _focusVisible: { boxShadow: 'none' },
_placeholder: { opacity: 0.6 }, _placeholder: { opacity: 0.6 },
'::selection': { '::selection': {
color: 'blue.50', color: 'blue.900',
bg: 'blue.400', bg: 'blue.300',
}, },
})); }));

2
invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/LinearViewField.tsx
View File

@ -58,7 +58,7 @@ const LinearViewField = ({ nodeId, fieldName }: Props) => {
placement="top" placement="top"
> >
<Flex h="full" alignItems="center"> <Flex h="full" alignItems="center">
<Icon as={FaInfoCircle} /> <Icon fontSize="sm" color="base.300" as={FaInfoCircle} />
</Flex> </Flex>
</InvTooltip> </InvTooltip>
<InvIconButton <InvIconButton