File tree Expand file tree Collapse file tree 2 files changed +5
-13
lines changed
src/common/components/Loading Expand file tree Collapse file tree 2 files changed +5
-13
lines changed Original file line number Diff line number Diff line change 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 ' ;
3
3
import { memo } from 'react' ;
4
4
5
5
// This component loads before the theme so we cannot use theme tokens here
6
6
7
7
const Loading = ( ) => {
8
8
return (
9
9
< 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 >
21
13
</ Flex >
22
14
) ;
23
15
} ;
You can’t perform that action at this time.
0 commit comments