diff options
| author | mat <github@matdoes.dev> | 2022-12-15 14:59:56 -0600 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-12-15 14:59:56 -0600 |
| commit | 6e723aadf6de45a79b4ef64d288ea275628232c5 (patch) | |
| tree | c27bcc33aefa9212baf6f3d9c2eb1af88d6c5105 /src/routes/+error.svelte | |
| parent | 89bf3d31e36ad3bdfd45461ee6fb69a4c791f848 (diff) | |
| download | skyblock-stats-6e723aadf6de45a79b4ef64d288ea275628232c5.tar.gz skyblock-stats-6e723aadf6de45a79b4ef64d288ea275628232c5.tar.bz2 skyblock-stats-6e723aadf6de45a79b4ef64d288ea275628232c5.zip | |
start updating to sveltekit v1
Diffstat (limited to 'src/routes/+error.svelte')
| -rw-r--r-- | src/routes/+error.svelte | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte new file mode 100644 index 0000000..83b4407 --- /dev/null +++ b/src/routes/+error.svelte @@ -0,0 +1,43 @@ +<script lang="ts"> + import Header from '$lib/Header.svelte' + import Head from '$lib/Head.svelte' + + import { page } from '$app/stores' + + // sveltekit bug: types of error and status say they can be null but they can't + let error = $page.error! + let status = $page.status! +</script> + +<Head title={error.message} /> +<Header /> + +<main> + <div> + <h1>{status}</h1> + <p>{error.message}</p> + <a href="/" data-sveltekit-preload-data="hover">Home</a> + </div> +</main> + +<style> + main { + height: calc(100% - 4rem); + /* vertical align */ + display: grid; + align-items: center; + justify-content: center; + } + + h1 { + font-size: 3em; + margin: 0; + } + p { + margin: 0; + } + a { + display: block; + margin-top: 0.5rem; + } +</style> |