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 window.location.reload()}> @@ -17,7 +17,7 @@ export const CrashComponent = (props) => { ]} >
- {crash.error} + {crash.details}
} @@ -30,5 +30,4 @@ export const CrashWrapper = (props) => { } - 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