error improvements

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;