github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04: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
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'; import InvokeAILogoImage from 'assets/images/logo.png';
// This component loads before the theme so we cannot use theme tokens here // This component loads before the theme so we cannot use theme tokens here
@@ -14,6 +14,17 @@ const Loading = () => {
bg="#151519" bg="#151519"
> >
<Image src={InvokeAILogoImage} w="8rem" h="8rem" /> <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> </Flex>
); );
}; };