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

style(ui): tweak image dimension badge overlay styles

Browse Source
This commit is contained in:
psychedelicious 2024-03-12 18:42:19 +11:00
parent d1e445fa49
commit cc03fcbcb6
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -158,16 +158,20 @@ const GalleryImage = (props: HoverableImageProps) => {
{isHovered && ( {isHovered && (
<Text <Text
position="absolute" position="absolute"
background="base.950" background="base.900"
color="accent.50" color="base.50"
fontSize="base.50" fontSize="sm"
bottom={1.5} fontWeight="semibold"
left={1} bottom={0}
px={2} left={0}
opacity={0.7} opacity={0.7}
borderRadius="base" px={2}
lineHeight={1.25}
borderTopEndRadius="base"
borderBottomStartRadius="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} />
{isHovered && shift && ( {isHovered && shift && (