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): make arrow icon rotate on boards list

Browse Source
This commit is contained in:
psychedelicious 2024-07-24 12:35:50 +10:00
parent 4e49689d46
commit d7a5fe2805
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -91,7 +91,12 @@ export const BoardsList = ({ isPrivate }: Props) => {
{allowPrivateBoards ? ( {allowPrivateBoards ? (
<Button variant="unstyled" onClick={onToggle}> <Button variant="unstyled" onClick={onToggle}>
<Flex gap="2" alignItems="center"> <Flex gap="2" alignItems="center">
<Icon boxSize="5" as={isOpen ? PiCaretDownBold : PiCaretRightBold} fill="base.500" /> <Icon
boxSize={4}
as={PiCaretDownBold}
transform={isOpen ? undefined : 'rotate(-90deg)'}
fill="base.500"
/>
<Text fontSize="sm" fontWeight="semibold" userSelect="none" color="base.500"> <Text fontSize="sm" fontWeight="semibold" userSelect="none" color="base.500">
{boardListTitle} {boardListTitle}
</Text> </Text>