From cf28aed45a79fdfb57e5c763834813ed0ce6872b Mon Sep 17 00:00:00 2001
From: laraproto <laraproto@proton.me>
Date: Sun, 3 Nov 2024 11:31:53 +0200
Subject: [PATCH] error improvements

---
 revampdashboard/playwright.config.ts    | 12 ++++++------
 revampdashboard/src/routes/+page.svelte | 23 ++++++++++++++++++++++-
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/revampdashboard/playwright.config.ts b/revampdashboard/playwright.config.ts
index 69bcc508..29284b81 100644
--- a/revampdashboard/playwright.config.ts
+++ b/revampdashboard/playwright.config.ts
@@ -1,10 +1,10 @@
-import { defineConfig } from "@playwright/test";
+import { defineConfig } from '@playwright/test';
 
 export default defineConfig({
-  webServer: {
-    command: "npm run build && npm run preview",
-    port: 4173,
-  },
+	webServer: {
+		command: 'pnpm run build && pnpm run preview',
+		port: 4173
+	},
 
-  testDir: "e2e",
+	testDir: 'e2e'
 });
diff --git a/revampdashboard/src/routes/+page.svelte b/revampdashboard/src/routes/+page.svelte
index ad353d60..d06721df 100644
--- a/revampdashboard/src/routes/+page.svelte
+++ b/revampdashboard/src/routes/+page.svelte
@@ -6,7 +6,7 @@
 </script>
 
 <div class="splash">
-  <div id="error">
+  <div id="error" class:has-error={data.error}>
     {data.error}
   </div>
   <div class="wrapper">
@@ -58,6 +58,27 @@
       color: #fff;
     }
 
+    & > #error {
+      width: 100%;
+      max-width: 750px;
+      flex-direction: row;
+      justify-content: center;
+      margin-top: 16px;
+
+      &.has-error {
+        display: flex;
+      }
+
+      & .message {
+        flex: 0 1 auto;
+        text-align: left;
+        padding: 8px 12px;
+        background-color: #404040;
+        border-radius: 4px;
+        box-shadow: 0 3px 12px -2px hsla(0, 0%, 0%, 0.2);
+      }
+    }
+
     & .wrapper {
       flex: 0 0 auto;