CSS tidy

consolidate our style sheets resolve style conflicts use primevue defaults where possible make semi-responsive
bcgov · Nov 20, 2023 · 1b226da · 1b226da
1 parent 45a0aa0
commit 1b226da
Show file tree

Hide file tree

Showing 22 changed files with 565 additions and 705 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -36,7 +36,7 @@
     "pinia-plugin-persistedstate": "^3.2.0",
     "primeflex": "^3.3.1",
     "primeicons": "^6.0.1",
-    "primevue": "~3.34.1",
+    "primevue": "^3.40.1",
     "qrcode.vue": "^3.4.1",
     "vee-validate": "^4.11.8",
     "vue": "^3.3.7",

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -44,15 +44,28 @@ onErrorCaptured((e: Error) => {
 </script>
 
 <template>
-  <ConfirmDialog />
-  <ProgressLoader v-if="getIsLoading" />
-  <Toast />
-  <AppLayout>
-    <template #nav>
-      <Navbar />
-    </template>
-    <template #main>
-      <RouterView v-if="ready" />
-    </template>
-  </AppLayout>
+  <div class="container">
+    <ConfirmDialog />
+    <ProgressLoader v-if="getIsLoading" />
+    <Toast />
+
+    <AppLayout>
+      <template #nav>
+        <Navbar />
+      </template>
+      <template #main>
+        <RouterView v-if="ready" />
+      </template>
+    </AppLayout>
+  </div>
 </template>
+
+<style scoped>
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  width: 100%;
+}
+</style>
diff --git a/frontend/src/assets/base.css b/frontend/src/assets/base.css