Browse Source

Remove scrolling from loading screen

develop
Ezerous 4 years ago
parent
commit
553db94ede
  1. 2
      packages/concordia-app/src/assets/css/index.css
  2. 1
      packages/concordia-app/src/assets/css/loading-component.css
  3. 9
      packages/concordia-app/src/components/LoadingComponent.jsx

2
packages/concordia-app/src/assets/css/index.css

@ -1,4 +1,4 @@
body {
body.app {
overflow: auto;
margin: 1em !important;
}

1
packages/concordia-app/src/assets/css/loading-component.css

@ -3,7 +3,6 @@ body {
}
.loading-screen {
overflow: hidden;
margin-top: 10em;
text-align: center;
font-size: large;

9
packages/concordia-app/src/components/LoadingComponent.jsx

@ -1,11 +1,8 @@
import React from 'react';
import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
import { Container, Progress } from 'semantic-ui-react';
// CSS
import '../assets/css/loading-component.css';
// Images
import ethereumLogo from '../assets/images/ethereum_logo.svg';
import ipfsLogo from '../assets/images/ipfs_logo.svg';
@ -13,6 +10,10 @@ import orbitdbLogo from '../assets/images/orbitdb_logo.svg';
import appLogo from '../assets/images/app_logo.png';
const LoadingComponent = (props) => {
useEffect(() => function cleanup() {
document.body.classList.add('app');
}, []);
const {
imageType, messageList, progressType, title, message, progress,
} = props;

Loading…
Cancel
Save