Place the loading progress bar at the center

simonsobs · Aug 8, 2024 · 6f8ed13 · 6f8ed13
1 parent a0c5fb8
commit 6f8ed13
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/src/app/App.vue b/src/app/App.vue
@@ -5,7 +5,9 @@
         <App></App>
       </ProvideConfig>
       <template #fallback>
-        <VProgressLinear indeterminate> </VProgressLinear>
+        <div class="progress-container">
+          <VProgressLinear indeterminate> </VProgressLinear>
+        </div>
       </template>
     </Suspense>
   </VApp>
@@ -15,3 +17,15 @@
 import ProvideConfig from "@/utils/config/ProvideConfig.vue";
 import App from "./AppMain.vue";
 </script>
+
+<style scoped>
+.progress-container {
+  height: 100%;
+  display: grid;
+  place-items: center;
+}
+
+.progress-container > * {
+  width: min(61.8%, 390px);
+}
+</style>