Fix icon position in application loading screen

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
Tilman Vatteroth 2020-06-13 00:19:38 +02:00 committed by mrdrogdrog
parent 1937fe2418
commit 773fc60f07
2 changed files with 2 additions and 7 deletions

View file

@ -8,11 +8,6 @@
animation: shake 0.3s ease-in-out;
}
.icon {
width: 150px;
height: 150px;
}
height: 100vh;
width: 100vw;
@ -77,4 +72,4 @@
transform: translate(1px, -2px) rotate(-1deg);
}
}
}
}

View file

@ -10,7 +10,7 @@ export interface LoadingScreenProps {
export const LoadingScreen: React.FC<LoadingScreenProps> = ({ failedTitle }) => {
return (
<div className="loader middle text-white">
<div className="icon text-white">
<div className="mb-3 text-white">
<ForkAwesomeIcon icon="file-text" size="5x"
className={failedTitle ? 'animation-shake' : 'animation-pulse'}/>
</div>