preload improve

build/js/Layout.js

@@ -39,6 +39,7 @@ const Default = {
   scrollbarAutoHide: 'l',
   panelAutoHeight: true,
   panelAutoHeightMode: 'min-height',
+  preloadDuration: 200,
   loginRegisterAutoHeight: true
 }
 
@@ -174,13 +175,16 @@ class Layout {
     setTimeout(() => {
       $('body.hold-transition').removeClass('hold-transition')
     }, 50)
-    const $preloader = $(SELECTOR_PRELOADER)
+
-    if ($preloader) {
+    setTimeout(() => {
-      $preloader.css('height', 0)
+      const $preloader = $(SELECTOR_PRELOADER)
-      setTimeout(() => {
+      if ($preloader) {
-        $preloader.children().hide()
+        $preloader.css('height', 0)
-      }, 200)
+        setTimeout(() => {
-    }
+          $preloader.children().hide()
+        }, 200)
+      }
+    }, this._config.preloadDuration)
   }
 
   _max(numbers) {

build/scss/_layout.scss

@@ -12,20 +12,6 @@ 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;
 
@@ -662,7 +648,7 @@ body:not(.layout-fixed) {
 }
 
 .dark-mode {
-  background-color: lighten($dark, 7.5%) !important;
+  background-color: $dark-main-bg;
   color: $white;
 
   .breadcrumb-item {
@@ -683,8 +669,4 @@ body:not(.layout-fixed) {
       color: $white;
     }
   }
-  .preloader {
-    background-color: $dark;
-    color: $white;
-  }
 }

build/scss/_preloader.scss

@@ -0,0 +1,24 @@
+//
+// Core: Preloader
+//
+
+.preloader {
+  display: flex;
+  background-color: $main-bg;
+  height: 100vh;
+  width: 100%;
+  transition: height 200ms linear;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: $zindex-preloader;
+}
+
+.dark-mode {
+  .preloader {
+    background-color: $dark-main-bg;
+    color: $white;
+  }
+}
+
+//