Merge pull request #72 from simonsobs/dev

Place the loading progress bar at the center
simonsobs · Aug 8, 2024 · cd3346a · cd3346a
2 parents a0c5fb8 + 6f8ed13
commit cd3346a
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>