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

feat(ui): tweak layer list styling to better indicate selectablility

Browse Source
This commit is contained in:
psychedelicious 2024-04-30 12:21:38 +10:00 committed by Kent Keirsey
parent a357a1ac9d
commit 720e16cea6
3 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
invokeai/frontend/web/src/features/regionalPrompts/components/ControlAdapterLayerListItem.tsx
View File

@ -43,9 +43,8 @@ export const ControlAdapterLayerListItem = memo(({ layerId }: Props) => {
gap={2} gap={2}
onClickCapture={onClickCapture} onClickCapture={onClickCapture}
bg={isSelected ? 'base.400' : 'base.800'} bg={isSelected ? 'base.400' : 'base.800'}
ps={2} px={2}
borderRadius="base" borderRadius="base"
pe="1px"
py="1px" py="1px"
> >
<Flex flexDir="column" gap={4} w="full" bg="base.850" p={3} borderRadius="base"> <Flex flexDir="column" gap={4} w="full" bg="base.850" p={3} borderRadius="base">

10
invokeai/frontend/web/src/features/regionalPrompts/components/IPAdapterLayerListItem.tsx
View File

@ -38,15 +38,7 @@ export const IPAdapterLayerListItem = memo(({ layerId }: Props) => {
dispatch(layerSelected(layerId)); dispatch(layerSelected(layerId));
}, [dispatch, layerId]); }, [dispatch, layerId]);
return ( return (
<Flex <Flex gap={2} onClickCapture={onClickCapture} bg={isSelected ? 'base.400' : 'base.800'} borderRadius="base" p="1px">
gap={2}
onClickCapture={onClickCapture}
bg={isSelected ? 'base.400' : 'base.800'}
ps={2}
borderRadius="base"
pe="1px"
py="1px"
>
<Flex flexDir="column" gap={4} w="full" bg="base.850" p={3} borderRadius="base"> <Flex flexDir="column" gap={4} w="full" bg="base.850" p={3} borderRadius="base">
<Flex gap={3} alignItems="center"> <Flex gap={3} alignItems="center">
<RPLayerVisibilityToggle layerId={layerId} /> <RPLayerVisibilityToggle layerId={layerId} />

3
invokeai/frontend/web/src/features/regionalPrompts/components/MaskedGuidanceLayerListItem.tsx
View File

@ -56,9 +56,8 @@ export const MaskedGuidanceLayerListItem = memo(({ layerId }: Props) => {
gap={2} gap={2}
onClickCapture={onClickCapture} onClickCapture={onClickCapture}
bg={isSelected ? color : 'base.800'} bg={isSelected ? color : 'base.800'}
ps={2} px={2}
borderRadius="base" borderRadius="base"
pe="1px"
py="1px" py="1px"
> >
<Flex flexDir="column" w="full" bg="base.850" p={3} gap={3} borderRadius="base"> <Flex flexDir="column" w="full" bg="base.850" p={3} gap={3} borderRadius="base">