add top error boundary & reset localStorage on error (#493)

* add top error boundary & reset localStorage on error

* add issue tracker details and link

* add pointer cursor to buttons

* Update src/bug-issue-template.js

Co-Authored-By: Lipis <lipiridis@gmail.com>

* Update src/styles.scss

Co-Authored-By: Lipis <lipiridis@gmail.com>

* Update src/bug-issue-template.js

Co-Authored-By: Lipis <lipiridis@gmail.com>

* use open-color colors

* use Cascadia font

Co-authored-by: Lipis <lipiridis@gmail.com>
This commit is contained in:
David Luzar 2020-01-21 15:50:25 +01:00 committed by GitHub
parent 885b9c1483
commit 20cf1078fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 160 additions and 1 deletions

View file

@ -73,6 +73,8 @@ button {
padding: 0.25rem;
outline: transparent;
cursor: pointer;
&:focus {
box-shadow: 0 0 0 2px #a5d8ff;
}
@ -133,3 +135,51 @@ button {
.App-right-menu {
width: 13.75rem;
}
.ErrorSplash {
min-height: 100vh;
padding: 20px 0;
overflow: auto;
display: flex;
align-items: center;
justify-content: center;
.ErrorSplash-messageContainer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px;
background-color: #fff5f5;
border: 3px solid #c92a2a;
}
.ErrorSplash-paragraph {
margin: 15px 0;
text-align: center;
max-width: 600px;
}
.bigger,
.bigger button {
font-size: 1.1em;
}
.smaller,
.smaller button {
font-size: 0.9em;
}
.ErrorSplash-details {
display: flex;
flex-direction: column;
align-items: flex-start;
textarea {
width: 100%;
margin: 10px 0;
font-family: "Cascadia";
font-size: 0.8em;
}
}
}