Update error page

This commit is contained in:
Alessio Davoli 2023-12-22 13:20:31 +01:00
parent baed80cac6
commit 59a6d8ea38

View file

@ -0,0 +1,45 @@
<script>
import { page } from '$app/stores';
</script>
<div id='container'>
<div class="wrapper">
<p id="status">{$page.status}</p>
<p id="message">{$page.error.message}</p>
</div>
</div>
<style>
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
#container {
background-image: url(/splash.webp);
background-size: cover;
display: grid;
place-content: center;
height: 100dvh;
width: 100dvw;
z-index: 99;
position: absolute;
font-size: 24px;
font-family: monospace;
}
.wrapper {
background: transparent;
display: flex;
backdrop-filter: blur(5px);
border-radius: 10px;
border: 1px solid black;
}
#status {
border-right: 1px solid black;
}
p {
padding: 20px;
}
</style>