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

Vertically Centered text

Browse Source
This commit is contained in:
litaesther10
2023-02-22 17:44:03 +01:00
parent dd6c643622
commit d75c7280c1
1 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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