mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 11:01:41 +01:00
560be4b4e3
Any error caught during a React component render or lifecycle method will now be caught by the top-level error boundary, which shows the user this new error page. The error page will display a simple error message, and will show the details of the error in a collapsible section. The caught error is also reported to Sentry. In development the error will be re-thrown to make it easier to see on the console, but it is not re-thrown in production.
42 lines
655 B
SCSS
42 lines
655 B
SCSS
.error-page {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
align-items: center;
|
|
|
|
font-family: Roboto;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
|
|
padding: 35px 10px 10px 10px;
|
|
height: 100%;
|
|
|
|
&__header {
|
|
display: flex;
|
|
justify-content: center;
|
|
font-size: 42px;
|
|
padding: 10px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
&__subheader {
|
|
font-size: 19px;
|
|
padding: 10px 0;
|
|
width: 100%;
|
|
max-width: 720px;
|
|
text-align: center;
|
|
}
|
|
|
|
&__details {
|
|
font-size: 18px;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
max-width: 720px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
&__stack {
|
|
overflow-x: auto;
|
|
background-color: #eee;
|
|
}
|
|
}
|