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