Refactor error pages

This commit is contained in:
Andras Bacsai 2024-03-26 10:44:52 +01:00
parent 7c7f54d224
commit dcaa2f4168
8 changed files with 119 additions and 117 deletions

View File

@ -1,20 +1,18 @@
@extends('layouts.base') @extends('layouts.base')
<div class="min-h-screen hero"> <div class="flex flex-col items-center justify-center h-full">
<div class="text-center hero-content"> <div>
<div class=""> <p class="font-mono font-semibold text-7xl dark:text-warning">401</p>
<p class="font-mono text-6xl font-semibold dark:text-warning">401</p> <h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1>
<h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1> <p class="text-base leading-7 text-neutral-300">You don't have permission to access this page.
<p class="mt-6 text-base leading-7 text-neutral-300">You don't have permission to access this page. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-center mt-10 gap-x-6"> <a href="/">
<a href="/"> <x-forms.button>Go back home</x-forms.button>
<x-forms.button>Go back home</x-forms.button> </a>
</a> <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact support
support <x-external-link />
<x-external-link /> </a>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,5 +1,17 @@
@extends('errors::minimal') @extends('layouts.base')
@section('title', __('Payment Required')) <div class="flex flex-col items-center justify-center h-full">
@section('code', '402') <div>
@section('message', __('Payment Required')) <p class="font-mono font-semibold text-7xl dark:text-warning">402</p>
<h1 class="mt-4 font-bold tracking-tight dark:text-white">Payment required.</h1>
<div class="flex items-center mt-10 gap-x-6">
<a href="/">
<x-forms.button>Go back home</x-forms.button>
</a>
<a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
support
<x-external-link />
</a>
</div>
</div>
</div>

View File

@ -1,20 +1,18 @@
@extends('layouts.base') @extends('layouts.base')
<div class="min-h-screen hero"> <div class="flex flex-col items-center justify-center h-full">
<div class="text-center hero-content"> <div>
<div class=""> <p class="font-mono font-semibold text-7xl dark:text-warning">403</p>
<p class="font-mono text-6xl font-semibold dark:text-warning">403</p> <h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1>
<h1 class="mt-4 font-bold tracking-tight dark:text-white">You shall not pass!</h1> <p class="text-base leading-7 text-neutral-300">You don't have permission to access this page.
<p class="mt-6 text-base leading-7 text-neutral-300">You don't have permission to access this page. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-center mt-10 gap-x-6"> <a href="/">
<a href="/"> <x-forms.button>Go back home</x-forms.button>
<x-forms.button>Go back home</x-forms.button> </a>
</a> <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact support
support <x-external-link />
<x-external-link /> </a>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,21 +1,19 @@
@extends('layouts.base') @extends('layouts.base')
<div class="min-h-screen hero"> <div class="flex flex-col items-center justify-center h-full">
<div class="text-center hero-content"> <div>
<div class=""> <p class="font-mono font-semibold text-7xl dark:text-warning">404</p>
<p class="font-mono text-6xl font-semibold dark:text-warning">404</p> <h1 class="mt-4 font-bold tracking-tight dark:text-white">How did you got here?</h1>
<h1 class="mt-4 font-bold tracking-tight dark:text-white">How did you got here?</h1> <p class="text-base leading-7 text-neutral-300">Sorry, we couldnt find the page youre looking
<p class="mt-6 text-base leading-7 text-neutral-300">Sorry, we couldnt find the page youre looking for.
for. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-center mt-10 gap-x-6"> <a href="/">
<a href="/"> <x-forms.button>Go back home</x-forms.button>
<x-forms.button>Go back home</x-forms.button> </a>
</a> <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact support
support <x-external-link />
<x-external-link /> </a>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,20 +1,19 @@
@extends('layouts.base') @extends('layouts.base')
<div class="min-h-screen hero"> <div class="flex flex-col items-center justify-center h-full">
<div class="text-center hero-content"> <div>
<div class=""> <p class="font-mono font-semibold text-7xl dark:text-warning">419</p>
<p class="font-mono text-6xl font-semibold dark:text-warning">419</p> <h1 class="mt-4 font-bold tracking-tight dark:text-white">This page is definitely old, not like you!</h1>
<h1 class="mt-4 font-bold tracking-tight dark:text-white">This page is definitely old, not like you!</h1> <p class="text-base leading-7 text-neutral-300">Sorry, we couldnt find the page youre looking
<p class="mt-6 text-base leading-7 text-neutral-300">Sorry, we couldnt find the page youre looking for.
for. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-center mt-10 gap-x-6"> <a href="/">
<a href="/"> <x-forms.button>Go back home</x-forms.button>
<x-forms.button>Go back home</x-forms.button> </a>
</a> <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact support
support <x-external-link />
<span aria-hidden="true">&rarr;</span></a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,20 +1,19 @@
@extends('layouts.base') @extends('layouts.base')
<div class="min-h-screen hero"> <div class="flex flex-col items-center justify-center h-full">
<div class="text-center hero-content"> <div>
<div class=""> <p class="font-mono font-semibold text-7xl dark:text-warning">429</p>
<p class="font-mono text-6xl font-semibold dark:text-warning">429</p> <h1 class="mt-4 font-bold tracking-tight dark:text-white">Woah, slow down there!</h1>
<h1 class="mt-4 font-bold tracking-tight dark:text-white">Woah, slow down there!</h1> <p class="text-base leading-7 text-neutral-300">You're making too many requests. Please wait a few
<p class="mt-6 text-base leading-7 text-neutral-300">You're making too many requests. Please wait a few seconds before trying again.
seconds before trying again. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-center mt-10 gap-x-6"> <a href="/">
<a href="/"> <x-forms.button>Go back home</x-forms.button>
<x-forms.button>Go back home</x-forms.button> </a>
</a> <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact support
support <x-external-link />
<span aria-hidden="true">&rarr;</span></a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,23 +1,22 @@
@extends('layouts.base') @extends('layouts.base')
<div class="min-h-screen hero "> <div class="flex flex-col items-center justify-center h-full">
<div class="text-center hero-content"> <div>
<div> <p class="font-mono font-semibold text-red-500 text-7xl">500</p>
<p class="font-mono text-6xl font-semibold dark:text-warning">500</p> <h1 class="mt-4 font-bold tracking-tight dark:text-white">Something is not okay, are you okay?</h1>
<h1 class="mt-4 font-bold tracking-tight dark:text-white">Something is not okay, are you okay?</h1> <p class="text-base leading-7 text-neutral-300">There has been an error, we are working on it.
<p class="mt-6 text-base leading-7 text-neutral-300">There has been an error, we are working on it. </p>
</p> @if ($exception->getMessage() !== '')
@if ($exception->getMessage() !== '') <code class="mt-6 text-xs text-left text-red-500">Error: {{ $exception->getMessage() }}
<code class="mt-6 text-xs text-left text-red-500">Error: {{ $exception->getMessage() }} </code>
</code> @endif
@endif <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-center mt-10 gap-x-6"> <a href="/">
<a href="/"> <x-forms.button>Go back home</x-forms.button>
<x-forms.button>Go back home</x-forms.button> </a>
</a> <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white">Contact support
support <x-external-link />
<span aria-hidden="true">&rarr;</span></a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,17 +1,16 @@
@extends('layouts.base') @extends('layouts.base')
<div class="min-h-screen hero "> <div class="flex flex-col items-center justify-center h-full">
<div class="text-center hero-content"> <div>
<div> <p class="font-mono font-semibold text-7xl dark:text-warning">503</p>
<p class="font-mono text-6xl font-semibold dark:text-warning">503</p> <h1 class="mt-4 font-bold tracking-tight dark:text-white">We are working on serious things.</h1>
<h1 class="mt-4 font-bold tracking-tight dark:text-white">We are working on serious things.</h1> <p class="text-base leading-7 text-neutral-300">Service Unavailable. Be right back. Thanks for your
<p class="mt-6 text-base leading-7 text-neutral-300">Service Unavailable. Be right back. Thanks for your patience.
patience. </p>
</p> <div class="flex items-center mt-10 gap-x-6">
<div class="flex items-center justify-center mt-10 gap-x-6"> <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact support
support <x-external-link />
<span aria-hidden="true">&rarr;</span></a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>