Added LoadingScreen for full-size loading placeholder

2018-07-15 19:58:12 +02:00
parent b9f0fef966
commit 237190e498
2 changed files with 20 additions and 0 deletions
@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+import Background from "./Background";
+
+import './css/LoadingScreen.css';
+
+export function LoadingScreen({className}) {
+  return (
+    <div className={`Loading ${className}`}>
+      <Background />
+      <div className="text color-primary">Loading...</div>
+    </div>
+  )
+}
@@ -0,0 +1,7 @@
+.Loading .text {
+  width: 100%;
+  margin-top: 6em;
+  font-size: 3em;
+  opacity: 0.5;
+  text-align: center;
+}