namenlos/three60
1
0
Fork 0
Code Issues 12 Pull requests Projects Releases Packages Wiki Activity Actions

Formatted error pages

Browse source
This commit is contained in:
Markus Brueckner 2024-12-24 13:01:10 +01:00
parent 9da475966b
commit d20be0c145
3 changed files with 1021 additions and 1039 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2035
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

14
src/lib/components/icons/WarningIcon.svelte Normal file
View file

@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="inline size-10 stroke-red-400"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"
/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 411 B

11
src/routes/+error.svelte Normal file
View file

@ -0,0 +1,11 @@
<script lang="ts">
import { page } from '$app/state';
import WarningIcon from '$lib/components/icons/WarningIcon.svelte';
import Navbar from '$lib/components/Navbar.svelte';
</script>
<Navbar title="Error" />
<div class="flex h-screen items-center justify-center">
<p class="mw-10"><WarningIcon /> {page.error?.message}</p>
</div>