Update error page
This commit is contained in:
parent
baed80cac6
commit
59a6d8ea38
1 changed files with 45 additions and 0 deletions
45
frontend/src/routes/+error.svelte
Normal file
45
frontend/src/routes/+error.svelte
Normal 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>
|
Loading…
Reference in a new issue