src/components/ErrorOverlay.css
.ErrorOverlay {
background-color: #244c;
color: aliceblue;
height: 100%;
left: 0;
min-height: 100vh;
overflow: auto;
position: fixed;
text-shadow: -1px -1px 0 #fff6;
top: 0;
width: 100%;
}
.ErrorOverlay-ignoreBlock {
text-align: right;
}
.ErrorOverlay-ignore {
background-color: aliceblue;
border: 1px solid currentColor;
color: #244;
line-height: 2em;
text-shadow: inherit;
}
.ErrorOverlay-ignore > i.fa {
margin-right: 0.5em;
}
.ErrorOverlay-imageBlock {
text-align: center;
}
.ErrorOverlay-image {
border-radius: 3px;
border: 1px solid #0009;
box-shadow: 0 0 10px #0009;
max-height: 90vh;
max-width: 100%;
transition:
opacity var(--app-animation-duration),
transform var(--app-animation-duration) var(--ease-out-back);
}
.ErrorOverlay-image.-loading {
opacity: 0;
transform: scale(1.1);
}
.ErrorOverlay-message{
animation: ErrorOverlay-delay 1s backwards;
}
@keyframes ErrorOverlay-delay {
0% { opacity: 0 }
50% { opacity: 0 }
100% { opacity: 1 }
}