From 69c47483fbcb78209eefad94b145268f651c2cf5 Mon Sep 17 00:00:00 2001
From: HerrHase <me@herr-hase.wtf>
Date: Sun, 4 Sep 2022 22:28:14 +0200
Subject: [PATCH] adding shadow for loader

---
 src/scss/components/_loading.scss | 26 ++++++++++++++++++++++++++
 src/scss/styles.scss              |  1 +
 2 files changed, 27 insertions(+)
 create mode 100644 src/scss/components/_loading.scss

diff --git a/src/scss/components/_loading.scss b/src/scss/components/_loading.scss
new file mode 100644
index 0000000..f67e1d3
--- /dev/null
+++ b/src/scss/components/_loading.scss
@@ -0,0 +1,26 @@
+.loading-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+
+    .loading {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 1;
+    }
+
+    &:before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background-color: #04040421;
+        z-index: 0;
+    }
+}
\ No newline at end of file
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index a632e31..e8826ba 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -8,6 +8,7 @@
     'components/sidebar',
     'components/field',
     'components/field-tags',
+    'components/loading',
     'components/buttons',
     'components/icons';