feat: integrate animation loader (#67)

Integrate animation loader to be shown while application is
bootstrapped.

Fixes #58

src/assets/styles/_loader.scss

@@ -1,43 +1,41 @@
-.wrapper {
+.loader-wrapper {
-  margin: 50px auto;
+  height: 100vh;
-  height: 250px;
+  width: 100vw;
-  width: 240px;
-  position: relative;
 
   .triangle {
     width: 0;
     height: 0;
     border-style: solid;
     position: absolute;
-    animation: rotate 0.7s infinite 1s;
+    animation: rotate 0.8s infinite 0.2s;
   }
 
   .bottom {
-    border-width: 0 100px 100px 100px;
+    border-width: 0 90px 90px 90px;
     border-color: transparent transparent #1fb050 transparent;
-    bottom: 10px;
+    bottom: calc(50% - 100px);
-    left: calc(50% - 100px);
+    left: calc(50% - 90px);
   }
 
   .top {
-    border-width: 100px 100px 0 100px;
+    border-width: 90px 90px 0 90px;
     border-color: #b4d575 transparent transparent transparent;
-    top: 10px;
+    top: calc(50% - 100px);
-    left: calc(50% - 100px);
+    left: calc(50% - 90px);
   }
 
   .left {
-    border-width: 100px 0 100px 100px;
+    border-width: 90px 0 90px 90px;
     border-color: transparent transparent transparent #1074b9;
-    top: calc(50% - 100px);
+    top: calc(50% - 90px);
-    left: 10px;
+    left: calc(50% - 100px);
   }
 
   .right {
-    border-width: 100px 100px 100px 0;
+    border-width: 90px 90px 90px 0;
     border-color: transparent #1daeec transparent transparent;
-    top: calc(50% - 100px);
+    top: calc(50% - 90px);
-    right: 10px;
+    right: calc(50% - 100px);
   }
 
   @keyframes rotate {

src/index.html

@@ -37,7 +37,12 @@
   </script>
 
   <mifosx-web-app>
-    Loading...
+    <div class="loader-wrapper">
+      <div class="bottom triangle"></div>
+      <div class="top triangle"></div>
+      <div class="left triangle"></div>
+      <div class="right triangle"></div>
+    </div>
   </mifosx-web-app>
 </body>
 </html>

src/main.scss

@@ -10,4 +10,4 @@
 
 // Global Imports
 /* You can add global styles to this file, and also import other style files */
-@import "assets/styles/_helper.scss";
+@import "assets/styles/helper";