pantheon/hestia
2
0
Fork 0
Code Issues 23 Pull requests Projects Releases Packages Wiki Activity Actions

38 create generic error page #42

Merged
DanMihailescu merged 3 commits from 38-create-generic-error-page into master 2025-01-16 21:34:45 -05:00
Conversation 1 Commits 3 Files changed 4 +22 -24
2 changed files with 22 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 5ca87f2dd5 - Show all commits

3
messages/en.json
View file

@ -20,5 +20,6 @@
"sms_prompt": "Send a Message", "sms_prompt": "Send a Message",
"sms_label_phone": "Phone Number", "sms_label_phone": "Phone Number",
"sms_label_message": "Message", "sms_label_message": "Message",
"sms_button_submit": "Send Message" "sms_button_submit": "Send Message",
"error_page_go_home": "Go Home"
} }

43
src/routes/+error.svelte
View file

@ -1,23 +1,20 @@
<script lang="ts"> <script lang="ts">
import { page } from '$app/state'; import { goto } from '$app/navigation';
</script> import { page } from '$app/state';
import { messages } from '$lib/i18n';
<main class="flex h-screen w-full flex-col items-center justify-center bg-[#1d222a]"> </script>
<h1 class="text-9xl font-extrabold tracking-widest text-white">
{page.status} <main class="flex h-full w-full flex-col items-center justify-center gap-8">
</h1> <div class="flex items-center gap-2">
<h1 class="rounded bg-[#FF6A3D] px-2 text-2xl font-bold text-black"> <h1 class="text-5xl font-bold tracking-widest text-white">
{page.error?.message} {page.status}
</h1> </h1>
<div class="divider divider-horizontal"></div>
<button class="mt-5"> <h1 class="text-2xl font-bold">
<a {page.error?.message}
class="group relative inline-block text-sm font-medium text-[#FF6A3D] focus:outline-none focus:ring active:text-orange-500" </h1>
href="/" </div>
> <button onclick={() => goto('/')} class="btn btn-outline btn-neutral btn-wide"
<span class="relative block border border-current bg-[#1d222a] px-8 py-3"> >{messages.error_page_go_home()}</button
Go Home >
</span> </main>
</a>
</button>
</main>