From 956dcec7f34e9fe7bd418cc49e8a2303873bfeb0 Mon Sep 17 00:00:00 2001
From: srgooglo <srgooglo@ragestudio.net>
Date: Mon, 30 May 2022 21:35:57 +0200
Subject: [PATCH] update crash style

---
 packages/app/src/components/Crash/index.jsx  |  5 +--
 packages/app/src/components/Crash/index.less | 46 +++++++++++++++++++-
 2 files changed, 46 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/components/Crash/index.jsx b/packages/app/src/components/Crash/index.jsx
index 9375be6b..aa8a7e13 100644
--- a/packages/app/src/components/Crash/index.jsx
+++ b/packages/app/src/components/Crash/index.jsx
@@ -8,7 +8,7 @@ export const CrashComponent = (props) => {
 
     return <Result
         status="error"
-        title="Crash"
+        title="Well, we're sorry! The application has a fatal crash."
         subTitle={crash.message}
         extra={[
             <Button type="primary" key="reload" onClick={() => window.location.reload()}>
@@ -17,7 +17,7 @@ export const CrashComponent = (props) => {
         ]}
     >
         <div>
-            <code>{crash.error}</code>
+            <code>{crash.details}</code>
         </div>
     </Result>
 }
@@ -30,5 +30,4 @@ export const CrashWrapper = (props) => {
     </div>
 }
 
-
 export default CrashComponent
\ No newline at end of file
diff --git a/packages/app/src/components/Crash/index.less b/packages/app/src/components/Crash/index.less
index b3089e79..4ffa6f26 100644
--- a/packages/app/src/components/Crash/index.less
+++ b/packages/app/src/components/Crash/index.less
@@ -3,17 +3,59 @@
 
     width: 100vw;
     height: 100vh;
-    
+
     top: 0;
     left: 0;
 
     z-index: 10000;
 
-    background: rgba(0, 0, 0, 0.5);
+    background: rgba(0, 0, 0, 0.7);
     backdrop-filter: blur(10px);
 
+    color: #fff;
+
+    .ant-result,
+    .ant-result-title,
+    .ant-result-subtitle,
+    .ant-result-extra {
+        color: #fff;
+    }
+
+    .ant-result-content {
+        background-color: rgba(0, 0, 0, 0.7) !important;
+    }
+
+    code {
+        color: #fff;
+        font-family: "DM Mono", monospace;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    p,
+    span,
+    pre {
+        color: #fff;
+    }
+
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
+
+    animation: opacity-fade-in 0.3s ease-in-out;
+}
+
+@keyframes opacity-fade-in {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
 }
\ No newline at end of file