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() {
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">
<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">
<div className="px-4 py-10 mt-20 max-w-7xl">
<h1 className="inline text-3xl font-bold tracking-tight sm:text-5xl">
500
<span className="px-3 font-thin">|</span>
@ -20,12 +20,7 @@ export default function Custom500() {
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"
>
<Button color="secondary" href="/" icon={ArrowSmallLeftIcon}>
Back to home
</Button>
</div>