github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-25 11:16:31 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix icon position in application loading screen

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/application-loader/application-loader.scss
View file

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

2
src/components/application-loader/loading-screen.tsx
View file

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