start module output

zero.Web.UI/App/components/loading.vue

@@ -1,11 +1,18 @@
 <template>
-  <i class="ui-loading"></i>
+  <i class="ui-loading" :class="{'is-big': isBig }"></i>
 </template>
 
 
 <script>
   export default {
-    name: 'uiLoading'
+    name: 'uiLoading',
+
+    props: {
+      isBig: {
+        type: Boolean,
+        default: false
+      }
+    }
   }
 </script>
 
@@ -16,12 +23,17 @@
   width: 28px;
   height: 28px;
   border-radius: 40px;
-  border: 2px solid var(--color-bg-mid);
+  border: 2px solid var(--color-bg-bright-two);
   border-left-color: var(--color-fg);
-  opacity: 1;
   will-change: transform;
-  animation: loadingRotation .8s linear infinite;
-  transition: opacity .25s ease;
+  animation: loadingRotation 0.8s linear infinite;
+
+  &.is-big
+  {
+    width: 36px;
+    height: 36px;
+    border-width: 2px;
+  }
 }
 
 @keyframes loadingRotation