diff options
| author | Adam Soltys <[email protected]> | 2023-02-15 22:46:54 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2023-02-15 22:46:54 -0800 |
| commit | 2f33da23a44773fb1728bd2405abf2faae33bea8 (patch) | |
| tree | 3cd478db1a77050af7c10f206ad2f2216e1354bf /src/routes/(app)/+error.svelte | |
| parent | 0c6ca339de58a35e9d0a808b9d65e238205b5fb3 (diff) | |
| download | coinos-ui-2f33da23a44773fb1728bd2405abf2faae33bea8.tar.gz coinos-ui-2f33da23a44773fb1728bd2405abf2faae33bea8.zip | |
error page
Diffstat (limited to 'src/routes/(app)/+error.svelte')
| -rw-r--r-- | src/routes/(app)/+error.svelte | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/routes/(app)/+error.svelte b/src/routes/(app)/+error.svelte new file mode 100644 index 00000000..0851cb27 --- /dev/null +++ b/src/routes/(app)/+error.svelte @@ -0,0 +1,38 @@ +<script> + import { back } from '$lib/utils'; + import { Icon } from '$comp'; + import { page } from '$app/stores'; + + export let data; + let { user } = data; + + let link = user ? `/${user.username}` : '/'; +</script> + +<div class="container px-4 max-w-xl mx-auto mt-10 space-y-5"> + <div class="w-full flex"> + <a href="/" class="mx-auto"> + <Icon icon="logo" /> + </a> + </div> + + <div class="flex justify-center items-center"> + <div class="shadow-xl rounded-3xl px-10 pt-5 pb-10 space-y-5 w-full mx-5"> + <div class="relative"> + <h1 class="text-2xl md:text-3xl font-semibold text-center">Error</h1> + </div> + <p class="text-secondary text-center">Something went wrong</p> + <p class="text-secondary text-center">{$page.error.message}</p> + + <div class="flex justify-center py-24"> + <a href={link}> + <button + class="bg-black text-white border rounded-full px-8 py-4 font-bold hover:opacity-80 text-xl" + > + Back + </button> + </a> + </div> + </div> + </div> +</div> |