File size: 736 Bytes
8a37e0a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
import { Flex, Image, Spinner } from '@invoke-ai/ui-library';
import InvokeLogoWhite from 'public/assets/images/invoke-symbol-wht-lrg.svg';
import { memo } from 'react';
// This component loads before the theme so we cannot use theme tokens here
const Loading = () => {
return (
<Flex position="relative" width="100dvw" height="100dvh" alignItems="center" justifyContent="center" bg="#151519">
<Image src={InvokeLogoWhite} 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"
/>
</Flex>
);
};
export default memo(Loading);
|