github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

Only display one icon on disabled state

Browse Source
This commit is contained in:
Kent Keirsey
2025-07-02 08:05:56 -04:00
parent 0de3967e7e
commit 6b98ad9095
1 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
invokeai/frontend/web/src/features/controlLayers/components/RefImage/RefImagePreview.tsx
View File

@@ -152,19 +152,7 @@ export const RefImagePreview = memo(() => {
</Text>
</Flex>
)}
{!entity.config.model && (
<Icon
position="absolute"
top="50%"
left="50%"
transform="translateX(-50%) translateY(-50%)"
filter="drop-shadow(0px 0px 4px rgb(0, 0, 0)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 1))"
color="error.500"
boxSize={6}
as={PiExclamationMarkBold}
/>
)}
{!entity.isEnabled && (
{!entity.isEnabled ? (
<Icon
position="absolute"
top="50%"
@@ -175,7 +163,18 @@ export const RefImagePreview = memo(() => {
boxSize={6}
as={PiEyeSlashBold}
/>
)}
) : !entity.config.model ? (
<Icon
position="absolute"
top="50%"
left="50%"
transform="translateX(-50%) translateY(-50%)"
filter="drop-shadow(0px 0px 4px rgb(0, 0, 0)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 1))"
color="error.500"
boxSize={6}
as={PiExclamationMarkBold}
/>
) : null}
</Flex>
);
});