Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-12 07:43:16 +10:00
Code Issues Packages Projects Releases Wiki Activity

Custom 500 page created, started Buttons component customise.

Browse Source
This commit is contained in:
litaesther10
2023-02-15 20:52:12 +01:00
parent 63a35dd3c8
commit 55e4927912
4 changed files with 42 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
apps/web/pages/500.jsx
View File

@ -1,10 +1,39 @@
import Link from "next/link";
import Logo from "../components/logo";
import { Button } from "@documenso/ui";
import { ArrowSmallLeftIcon } from "@heroicons/react/20/solid";
import { EllipsisVerticalIcon } from "@heroicons/react/20/solid";
export default function FiveUhOh() {
export default function Custom500() {
return (
<>
<h1>500 - Something went wrong.</h1>
<Link href="/">Go back home</Link>
<div className="relative flex items-center justify-center min-h-full text-white bg-black isolate">
<div className="absolute top-10 left-10">
<Logo dark className="w-10 md:w-20" />
</div>
<div className="px-6 py-48 mx-auto text-center max-w-7xl sm:py-40 lg:px-8">
<h1 className="inline text-3xl font-bold tracking-tight sm:text-5xl">
500
<span className="px-3 font-thin">
|
</span>
</h1>
<p className="inline text-base font-semibold leading-8 sm:text-2xl">
Something went wrong.
</p>
<div className="flex justify-center mt-10">
<Button
color="secondary"
href="/"
icon={ArrowSmallLeftIcon}
className="text-base font-semibold leading-7 text-brown"
>
Back to home
</Button>
</div>
</div>
</div>
</>
);
}