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,12 +1,11 @@
@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="mt-6 text-base leading-7 text-neutral-300">You don't have permission to access this page. <p class="text-base leading-7 text-neutral-300">You don't have permission to access this page.
</p> </p>
<div class="flex items-center justify-center mt-10 gap-x-6"> <div class="flex items-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>
@ -17,4 +16,3 @@
</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,12 +1,11 @@
@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="mt-6 text-base leading-7 text-neutral-300">You don't have permission to access this page. <p class="text-base leading-7 text-neutral-300">You don't have permission to access this page.
</p> </p>
<div class="flex items-center justify-center mt-10 gap-x-6"> <div class="flex items-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>
@ -17,4 +16,3 @@
</div> </div>
</div> </div>
</div> </div>
</div>

View File

@ -1,13 +1,12 @@
@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="mt-6 text-base leading-7 text-neutral-300">Sorry, we couldnt find the page youre looking <p class="text-base leading-7 text-neutral-300">Sorry, we couldnt find the page youre looking
for. for.
</p> </p>
<div class="flex items-center justify-center mt-10 gap-x-6"> <div class="flex items-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>
@ -18,4 +17,3 @@
</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="mt-6 text-base leading-7 text-neutral-300">Sorry, we couldnt find the page youre looking <p class="text-base leading-7 text-neutral-300">Sorry, we couldnt find the page youre looking
for. for.
</p> </p>
<div class="flex items-center justify-center mt-10 gap-x-6"> <div class="flex items-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 href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
support support
<span aria-hidden="true">&rarr;</span></a> <x-external-link />
</div> </a>
</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="mt-6 text-base leading-7 text-neutral-300">You're making too many requests. Please wait a few <p class="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 justify-center mt-10 gap-x-6"> <div class="flex items-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 href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
support support
<span aria-hidden="true">&rarr;</span></a> <x-external-link />
</div> </a>
</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 text-6xl font-semibold dark:text-warning">500</p> <p class="font-mono font-semibold text-red-500 text-7xl">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="mt-6 text-base leading-7 text-neutral-300">There has been an error, we are working on it. <p class="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 justify-center mt-10 gap-x-6"> <div class="flex items-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 href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white">Contact <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
support support
<span aria-hidden="true">&rarr;</span></a> <x-external-link />
</div> </a>
</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 text-6xl font-semibold dark:text-warning">503</p> <p class="font-mono font-semibold text-7xl 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="mt-6 text-base leading-7 text-neutral-300">Service Unavailable. Be right back. Thanks for your <p class="text-base leading-7 text-neutral-300">Service Unavailable. Be right back. Thanks for your
patience. patience.
</p> </p>
<div class="flex items-center justify-center mt-10 gap-x-6"> <div class="flex items-center mt-10 gap-x-6">
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact <a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
support support
<span aria-hidden="true">&rarr;</span></a> <x-external-link />
</div> </a>
</div> </div>
</div> </div>
</div> </div>