github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-22 01:36:29 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix: height of loading screen

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-04-24 11:34:27 +02:00
parent 43a85f54ca
commit 07dd196bff
2 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/components/application-loader/application-loader.module.scss
View file

@ -5,13 +5,11 @@
*/ */
.loader { .loader {
height: 100%; height: 100vh;
width: 100%; width: 100%;
&.middle, .middle { display: flex;
display: flex; align-items: center;
align-items: center; justify-content: center;
justify-content: center; flex-direction: column;
flex-direction: column;
}
} }

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

@ -21,7 +21,7 @@ export interface LoadingScreenProps {
*/ */
export const LoadingScreen: React.FC<LoadingScreenProps> = ({ errorMessage }) => { export const LoadingScreen: React.FC<LoadingScreenProps> = ({ errorMessage }) => {
return ( return (
<div className={`${styles.loader} ${styles.middle} text-light overflow-hidden`}> <div className={`${styles.loader} text-light`}>
<div className='mb-3 text-light'> <div className='mb-3 text-light'>
<span className={`d-block`}> <span className={`d-block`}>
<LoadingAnimation error={!!errorMessage} /> <LoadingAnimation error={!!errorMessage} />