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

tidy(ui): archived icon component

Browse Source
This commit is contained in:
psychedelicious 2024-06-27 14:18:34 +10:00
parent 8fce168dc5
commit 20042d99ec
1 changed files with 9 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
View File

@ -25,6 +25,14 @@ const editableInputStyles: SystemStyleObject = {
},
};
const ArchivedIcon = () => {
return (
<Box position="absolute" top={1} insetInlineEnd={2} p={0} minW={0}>
<Icon as={PiArchiveBold} fill="base.300" filter="drop-shadow(0px 0px 0.1rem var(--invoke-colors-base-800))" />
</Box>
);
};
interface GalleryBoardProps {
board: BoardDTO;
isSelected: boolean;
@ -135,25 +143,7 @@ const GalleryBoard = ({ board, isSelected, setBoardToDelete }: GalleryBoardProps
cursor="pointer"
bg="base.800"
>
{board.archived && (
<Box
sx={{
position: 'absolute',
top: 1,
insetInlineEnd: 2,
p: 0,
minW: 0,
svg: {
transitionProperty: 'common',
transitionDuration: 'normal',
fill: 'base.300',
filter: 'drop-shadow(0px 0px 0.1rem var(--invoke-colors-base-800))',
},
}}
>
<Icon as={PiArchiveBold} />
</Box>
)}
{board.archived && <ArchivedIcon />}
{coverImage?.thumbnail_url ? (
<Image
src={coverImage?.thumbnail_url}