diff options
| author | Marcin Zelent <marcin@zelent.net> | 2022-11-16 15:16:38 +0100 |
|---|---|---|
| committer | Marcin Zelent <marcin@zelent.net> | 2022-11-16 15:16:38 +0100 |
| commit | f2ecc1803f3ea294a0c6b7915b61348ed0395b26 (patch) | |
| tree | e8c6fb1350ae4f659b3f9ef8d17157158b974b16 /src/components/LoadingScreen/LoadingScreen.module.css | |
| parent | efb64f24d6200a39870c0e8966ab4f87e07c93a9 (diff) | |
Remade and extended the app using React
Diffstat (limited to 'src/components/LoadingScreen/LoadingScreen.module.css')
| -rw-r--r-- | src/components/LoadingScreen/LoadingScreen.module.css | 27 |
1 files changed, 27 insertions, 0 deletions
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);
+ }
+}
|