Merge pull request #3284 from danny007in/preloader-add

Preloader Added

build/scss/_layout.scss

@@ -12,6 +12,20 @@ body,
   min-height: 100%;
 }
 
+.preloader {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: $main-bg;
+  height: 100vh;
+  width: 100%;
+  transition: height 200ms linear;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: $zindex-preloader;
+}
+
 .wrapper {
   position: relative;
 
@@ -669,4 +683,8 @@ body:not(.layout-fixed) {
       color: $white;
     }
   }
+  .preloader {
+    background-color: $dark;
+    color: $white;
+  }
 }

build/scss/_variables.scss

@@ -170,6 +170,7 @@ $zindex-main-sidebar: $zindex-fixed + 8 !default;
 $zindex-main-footer: $zindex-fixed + 2 !default;
 $zindex-control-sidebar: $zindex-fixed + 1 !default;
 $zindex-toasts: $zindex-main-sidebar + 2 !default;
+$zindex-preloader: 9999 !default;
 
 // TRANSITIONS SETTINGS
 // --------------------------------------------------------