fix(login): adjust styles to keep loading indicator placement consistent

Author: dvcol

src/components/AppComponent.vue

@@ -78,7 +78,10 @@ const onBack = () => {
         </RouterView>
       </header>
       <RouterView v-slot="{ Component }">
-        <main ref="mainRef" :class="{ 'full-height': !isAuthenticated }">
+        <main
+          ref="mainRef"
+          :class="{ 'full-height': !isAuthenticated, loading: !Component }"
+        >
           <GridBackground v-if="!Component" :size="20" />
           <Transition name="scale" mode="out-in">
             <KeepAlive>
@@ -186,6 +189,10 @@ const onBack = () => {
     &.full-height {
       min-height: var(--full-height);
       margin-top: 0;
+
+      :deep(.loading-container) {
+        padding-top: layout.$header-navbar-height;
+      }
     }
   }