CSS tidy

Dockerfile

@@ -42,8 +42,7 @@ WORKDIR ${APP_ROOT}
 # Install Application
 RUN chown -R 1001:0 ${APP_ROOT}
 USER 1001
-WORKDIR ${APP_ROOT}/app
 RUN npm ci --omit=dev
 
 EXPOSE ${APP_PORT}
-CMD ["npm", "run", "start"]
+CMD ["node", "-r", "ts-node/register", "./bin/www"]

app/package.json

@@ -24,6 +24,13 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@types/compression": "^1.7.5",
+    "@types/config": "^3.3.3",
+    "@types/cors": "^2.8.16",
+    "@types/express": "^4.17.21",
+    "@types/jest": "^29.5.8",
+    "@types/jsonwebtoken": "^9.0.5",
+    "@types/node": "^20.9.0",
     "api-problem": "^9.0.2",
     "axios": "^1.5.1",
     "compression": "^1.7.4",
@@ -38,13 +45,6 @@
     "winston-transport": "^4.6.0"
   },
   "devDependencies": {
-    "@types/compression": "^1.7.4",
-    "@types/config": "^3.3.2",
-    "@types/cors": "^2.8.15",
-    "@types/express": "^4.17.20",
-    "@types/jest": "^29.5.6",
-    "@types/jsonwebtoken": "^9.0.4",
-    "@types/node": "^18.18.1",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
     "eslint": "^8.52.0",

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",

frontend/src/App.vue

@@ -29,15 +29,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>