mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-22 03:05:19 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Feature/hedgedoc logo (#606)

Browse source
This commit is contained in:
mrdrogdrog 2020-11-15 21:37:39 +01:00 • committed by GitHub
parent 62d95a5704
commit 42cbb51bfa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
27 changed files with 142 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,6 @@
import React from 'react'
import { Alert } from 'react-bootstrap'
import { ForkAwesomeIcon } from '../common/fork-awesome/fork-awesome-icon'
import { HedgeDocLogo, HedgeDocLogoSize } from '../common/hedge-doc-logo/hedge-doc-logo'
import { ShowIf } from '../common/show-if/show-if'
export interface LoadingScreenProps {
@ -9,12 +9,13 @@ export interface LoadingScreenProps {
export const LoadingScreen: React.FC<LoadingScreenProps> = ({ failedTitle }) => {
return (
<div className="loader middle text-light">
<div className="loader middle text-light overflow-hidden">
<div className="mb-3 text-light">
<ForkAwesomeIcon icon="file-text" size="5x"
className={failedTitle ? 'animation-shake' : 'animation-pulse'}/>
<span className={`d-block ${failedTitle ? 'animation-shake' : 'animation-jump'}`}>
<HedgeDocLogo size={HedgeDocLogoSize.BIG}/>
</span>
</div>
<ShowIf condition={ !!failedTitle}>
<ShowIf condition={!!failedTitle}>
<Alert variant={'danger'}>
The task '{failedTitle}' failed.<br/>
For further information look into the browser console.