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): add lil spinner to loading

Browse Source
This commit is contained in:
psychedelicious 2023-04-26 11:39:10 +10:00
parent f7f974a28b
commit 38474fa9d4
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
invokeai/frontend/web/src/common/components/Loading/Loading.tsx
View File

@ -1,4 +1,4 @@
import { Flex, Image } from '@chakra-ui/react';
import { Flex, Image, Spinner } from '@chakra-ui/react';
import InvokeAILogoImage from 'assets/images/logo.png';
// This component loads before the theme so we cannot use theme tokens here
@ -14,6 +14,17 @@ const Loading = () => {
bg="#151519"
>
<Image src={InvokeAILogoImage} w="8rem" h="8rem" />
<Spinner
label="Loading"
color="grey"
position="absolute"
size="sm"
width="24px !important"
height="24px !important"
right="1.5rem"
bottom="1.5rem"
speed="1.2s"
/>
</Flex>
);
};