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
 | 
			
		||||
    className?: string
 | 
			
		||||
}) => {
 | 
			
		||||
    // @ts-ignore
 | 
			
		||||
    const { resolvedTheme: theme } = useTheme()
 | 
			
		||||
 | 
			
		||||
    if (isLoading)
 | 
			
		||||
| 
						 | 
				
			
			@ -21,6 +22,7 @@ const LoadingScreen = ({
 | 
			
		|||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        )
 | 
			
		||||
    else return
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export default LoadingScreen
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -17,11 +17,12 @@
 | 
			
		|||
        color: $text-light
 | 
			
		||||
 | 
			
		||||
.center
 | 
			
		||||
 | 
			
		||||
    width: 100%
 | 
			
		||||
    display: flex
 | 
			
		||||
    justify-content: center
 | 
			
		||||
    // width: 10vw
 | 
			
		||||
    height: 100%
 | 
			
		||||
    scale: 50%
 | 
			
		||||
    // animation: load 5s infinite ease
 | 
			
		||||
    scale: 30%
 | 
			
		||||
    animation: load 3s infinite cubic-bezier(0.81,-0.73, 0.32, 1.28)
 | 
			
		||||
 | 
			
		||||
// .svg
 | 
			
		||||
//     scale: 10%
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue