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')
<div class="min-h-screen hero">
<div class="text-center hero-content">
<div class="">
<p class="font-mono text-6xl font-semibold dark:text-warning">401</p>
<div class="flex flex-col items-center justify-center h-full">
<div>
<p class="font-mono font-semibold text-7xl dark:text-warning">401</p>
<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>
<div class="flex items-center justify-center mt-10 gap-x-6">
<div class="flex items-center mt-10 gap-x-6">
<a href="/">
<x-forms.button>Go back home</x-forms.button>
</a>
@ -16,5 +15,4 @@
</a>
</div>
</div>
</div>
</div>

View File

@ -1,5 +1,17 @@
@extends('errors::minimal')
@extends('layouts.base')
@section('title', __('Payment Required'))
@section('code', '402')
@section('message', __('Payment Required'))
<div class="flex flex-col items-center justify-center h-full">
<div>
<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')
<div class="min-h-screen hero">
<div class="text-center hero-content">
<div class="">
<p class="font-mono text-6xl font-semibold dark:text-warning">403</p>
<div class="flex flex-col items-center justify-center h-full">
<div>
<p class="font-mono font-semibold text-7xl dark:text-warning">403</p>
<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>
<div class="flex items-center justify-center mt-10 gap-x-6">
<div class="flex items-center mt-10 gap-x-6">
<a href="/">
<x-forms.button>Go back home</x-forms.button>
</a>
@ -16,5 +15,4 @@
</a>
</div>
</div>
</div>
</div>

View File

@ -1,13 +1,12 @@
@extends('layouts.base')
<div class="min-h-screen hero">
<div class="text-center hero-content">
<div class="">
<p class="font-mono text-6xl font-semibold dark:text-warning">404</p>
<div class="flex flex-col items-center justify-center h-full">
<div>
<p class="font-mono font-semibold text-7xl dark:text-warning">404</p>
<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.
</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="/">
<x-forms.button>Go back home</x-forms.button>
</a>
@ -17,5 +16,4 @@
</a>
</div>
</div>
</div>
</div>

View File

@ -1,20 +1,19 @@
@extends('layouts.base')
<div class="min-h-screen hero">
<div class="text-center hero-content">
<div class="">
<p class="font-mono text-6xl font-semibold dark:text-warning">419</p>
<div class="flex flex-col items-center justify-center h-full">
<div>
<p class="font-mono font-semibold text-7xl 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>
<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.
</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="/">
<x-forms.button>Go back home</x-forms.button>
</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
<span aria-hidden="true">&rarr;</span></a>
</div>
<x-external-link />
</a>
</div>
</div>
</div>

View File

@ -1,20 +1,19 @@
@extends('layouts.base')
<div class="min-h-screen hero">
<div class="text-center hero-content">
<div class="">
<p class="font-mono text-6xl font-semibold dark:text-warning">429</p>
<div class="flex flex-col items-center justify-center h-full">
<div>
<p class="font-mono font-semibold text-7xl dark:text-warning">429</p>
<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.
</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="/">
<x-forms.button>Go back home</x-forms.button>
</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
<span aria-hidden="true">&rarr;</span></a>
</div>
<x-external-link />
</a>
</div>
</div>
</div>

View File

@ -1,23 +1,22 @@
@extends('layouts.base')
<div class="min-h-screen hero ">
<div class="text-center hero-content">
<div class="flex flex-col items-center justify-center h-full">
<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>
<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>
@if ($exception->getMessage() !== '')
<code class="mt-6 text-xs text-left text-red-500">Error: {{ $exception->getMessage() }}
</code>
@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="/">
<x-forms.button>Go back home</x-forms.button>
</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
<span aria-hidden="true">&rarr;</span></a>
</div>
<x-external-link />
</a>
</div>
</div>
</div>

View File

@ -1,17 +1,16 @@
@extends('layouts.base')
<div class="min-h-screen hero ">
<div class="text-center hero-content">
<div class="flex flex-col items-center justify-center h-full">
<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>
<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.
</p>
<div class="flex items-center justify-center mt-10 gap-x-6">
<a href="{{ config('coolify.contact') }}" class="font-semibold dark:text-white ">Contact
<div class="flex items-center mt-10 gap-x-6">
<a target="_blank" class="text-xs" href="{{ config('coolify.contact') }}">Contact
support
<span aria-hidden="true">&rarr;</span></a>
</div>
<x-external-link />
</a>
</div>
</div>
</div>