Skip to content

Commit 917ac6c

Browse files
wip: Add Custom Spinner
1 parent fe2c6f6 commit 917ac6c

File tree

2 files changed

+5
-13
lines changed

2 files changed

+5
-13
lines changed
Binary file not shown.

invokeai/frontend/web/src/common/components/Loading/Loading.tsx

Lines changed: 5 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,15 @@
1-
import { Flex, Image, Spinner } from '@invoke-ai/ui-library';
2-
import InvokeLogoWhite from 'public/assets/images/invoke-symbol-wht-lrg.svg';
1+
import { Flex } from '@invoke-ai/ui-library';
2+
import AnimatedVideoSpinner from 'public/assets/videos/LogoAnim.webm';
33
import { memo } from 'react';
44

55
// This component loads before the theme so we cannot use theme tokens here
66

77
const Loading = () => {
88
return (
99
<Flex position="relative" width="100vw" height="100vh" alignItems="center" justifyContent="center" bg="#151519">
10-
<Image src={InvokeLogoWhite} w="8rem" h="8rem" />
11-
<Spinner
12-
label="Loading"
13-
color="grey"
14-
position="absolute"
15-
size="sm"
16-
width="24px !important"
17-
height="24px !important"
18-
right="1.5rem"
19-
bottom="1.5rem"
20-
/>
10+
<video width="20%" height="20%" autoPlay muted loop>
11+
<source src={AnimatedVideoSpinner} type="video/mp4" />
12+
</video>
2113
</Flex>
2214
);
2315
};

0 commit comments

Comments
 (0)