error page (#85)
Browse files- src/routes/+error.svelte +15 -0
src/routes/+error.svelte
ADDED
@@ -0,0 +1,15 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<script lang="ts">
|
2 |
+
import { page } from "$app/stores";
|
3 |
+
</script>
|
4 |
+
|
5 |
+
<div
|
6 |
+
class="flex items-center justify-center text-gray-800 dark:text-gray-300 bg-gradient-to-t from-gray-200 dark:from-gray-700"
|
7 |
+
>
|
8 |
+
<div
|
9 |
+
class="dark:bg-gray-800 bg-white border rounded-xl pb-2 pt-4 px-8 flex flex-col justify-center align-center text-center -mt-24 dark:border-gray-700"
|
10 |
+
>
|
11 |
+
<h1 class="text-5xl mb-2 font-semibold">{$page.status}</h1>
|
12 |
+
<div class="h-px dark:bg-gray-700 bg-gray-200 -mx-8 my-2" />
|
13 |
+
<h2 class="text-lg">{$page.error?.message}</h2>
|
14 |
+
</div>
|
15 |
+
</div>
|