From f2ecc1803f3ea294a0c6b7915b61348ed0395b26 Mon Sep 17 00:00:00 2001
From: Marcin Zelent <marcin@zelent.net>
Date: Wed, 16 Nov 2022 15:16:38 +0100
Subject: Remade and extended the app using React

---
 .../LoadingScreen/LoadingScreen.module.css         | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/LoadingScreen/LoadingScreen.module.css

(limited to 'src/components/LoadingScreen/LoadingScreen.module.css')

diff --git a/src/components/LoadingScreen/LoadingScreen.module.css b/src/components/LoadingScreen/LoadingScreen.module.css
new file mode 100644
index 0000000..1f690bd
--- /dev/null
+++ b/src/components/LoadingScreen/LoadingScreen.module.css
@@ -0,0 +1,27 @@
+.container {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    z-index: 99999;
+    background: rgb(255 255 255 / 75%);
+}
+
+.spinner {
+  width: 50px;
+  height: 50px;
+  margin: auto;
+  display: inline-block;
+  border: 3px solid #c9c9c9;
+  border-radius: 50%;
+  border-top-color: #25a070;
+  animation: spin 1s ease-in-out infinite;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
-- 
cgit v1.2.3