add loader action

Author: mimosafa

src/layouts/img/loader.gif

@@ -32,6 +32,11 @@ export default {
       overlay: null
     };
   },
+  created() {
+    window.addEventListener('load', () => {
+      $('#loader').fadeOut(350);
+    });
+  },
   mounted() {
     this.overlay = document.querySelector('#wrapper > .header_overlay');
   },
@@ -72,9 +77,6 @@ export default {
   }
 }
 
-//
-// Overlay
-//
 .header_overlay {
   display: none;
   background-color: rgba($black, 0.8);
@@ -85,4 +87,19 @@ export default {
   left: 0;
   z-index: 19997;
 }
+
+#loader {
+  background: {
+    color: $_color-base;
+    image: url("./img/loader.gif");
+    repeat: no-repeat;
+    position: 50% 50%;
+  }
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 10000;
+}
 </style>