fix loading screen issues
This commit is contained in:
parent
2db0efcce1
commit
e8408dd2c0
2 changed files with 7 additions and 4 deletions
|
@ -9,6 +9,7 @@ const LoadingScreen = ({
|
||||||
isLoading: boolean
|
isLoading: boolean
|
||||||
className?: string
|
className?: string
|
||||||
}) => {
|
}) => {
|
||||||
|
// @ts-ignore
|
||||||
const { resolvedTheme: theme } = useTheme()
|
const { resolvedTheme: theme } = useTheme()
|
||||||
|
|
||||||
if (isLoading)
|
if (isLoading)
|
||||||
|
@ -21,6 +22,7 @@ const LoadingScreen = ({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
else return
|
||||||
}
|
}
|
||||||
|
|
||||||
export default LoadingScreen
|
export default LoadingScreen
|
||||||
|
|
|
@ -17,11 +17,12 @@
|
||||||
color: $text-light
|
color: $text-light
|
||||||
|
|
||||||
.center
|
.center
|
||||||
|
display: flex
|
||||||
width: 100%
|
justify-content: center
|
||||||
|
// width: 10vw
|
||||||
height: 100%
|
height: 100%
|
||||||
scale: 50%
|
scale: 30%
|
||||||
// animation: load 5s infinite ease
|
animation: load 3s infinite cubic-bezier(0.81,-0.73, 0.32, 1.28)
|
||||||
|
|
||||||
// .svg
|
// .svg
|
||||||
// scale: 10%
|
// scale: 10%
|
||||||
|
|
Loading…
Add table
Reference in a new issue