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): made changes to avoid overlapping

Browse Source
This commit is contained in:
Rohinish
2024-02-26 11:10:34 +05:30
committed by psychedelicious
parent d919022ba5
commit adba8489f2
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx
View File

@ -158,15 +158,14 @@ const GalleryImage = (props: HoverableImageProps) => {
{isHovered && ( {isHovered && (
<Text <Text
position="absolute" position="absolute"
background="white" background="black"
color="black" color="white"
fontSize="base.50" fontSize="12px"
bottom={0} bottom={1.5}
right={0} right={8}
px={2} px={2}
opacity={0.7} opacity={0.7}
borderTopLeftRadius="base" borderRadius="base"
borderBottomRightRadius="base"
sx={badgeSx} sx={badgeSx}
>{`${imageDTO.width}x${imageDTO.height}`}</Text>)} >{`${imageDTO.width}x${imageDTO.height}`}</Text>)}
<IAIDndImageIcon onClick={toggleStarredState} icon={starIcon} tooltip={starTooltip} /> <IAIDndImageIcon onClick={toggleStarredState} icon={starIcon} tooltip={starTooltip} />