Was able to remove one level + improve bottom padding

pull/427/head
Alex van Andel 2021-08-08 16:51:00 +00:00
parent ded399e8f6
commit 9cbfd2cda9
1 changed files with 106 additions and 113 deletions

View File

@ -35,9 +35,8 @@ export default function Custom404() {
<Head> <Head>
<title>404: This page could not be found.</title> <title>404: This page could not be found.</title>
</Head> </Head>
<div className="bg-white"> <div className="bg-white min-h-screen px-4">
<main className="max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8"> <main className="max-w-xl mx-auto pb-6 pt-16 sm:pt-24">
<div className="max-w-xl mx-auto py-16 sm:py-24">
<div className="text-center"> <div className="text-center">
<p className="text-sm font-semibold text-black uppercase tracking-wide">404 error</p> <p className="text-sm font-semibold text-black uppercase tracking-wide">404 error</p>
<h1 className="mt-2 text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl"> <h1 className="mt-2 text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl">
@ -53,9 +52,7 @@ export default function Custom404() {
<ul role="list" className="mt-4"> <ul role="list" className="mt-4">
<li className="border-2 border-green-500 px-4 py-2"> <li className="border-2 border-green-500 px-4 py-2">
<a <a href="https://checkout.calendso.com" className="relative py-6 flex items-start space-x-4">
href="https://checkout.calendso.com"
className="relative py-6 flex items-start space-x-4">
<div className="flex-shrink-0"> <div className="flex-shrink-0">
<span className="flex items-center justify-center h-12 w-12 rounded-lg bg-green-50"> <span className="flex items-center justify-center h-12 w-12 rounded-lg bg-green-50">
<CheckIcon className="h-6 w-6 text-green-500" aria-hidden="true" /> <CheckIcon className="h-6 w-6 text-green-500" aria-hidden="true" />
@ -109,10 +106,7 @@ export default function Custom404() {
<a href="https://calendso.com/slack" className="relative py-6 flex items-start space-x-4"> <a href="https://calendso.com/slack" className="relative py-6 flex items-start space-x-4">
<div className="flex-shrink-0"> <div className="flex-shrink-0">
<span className="flex items-center justify-center h-12 w-12 rounded-lg bg-gray-50"> <span className="flex items-center justify-center h-12 w-12 rounded-lg bg-gray-50">
<svg <svg viewBox="0 0 2447.6 2452.5" className="h-6 w-6" xmlns="http://www.w3.org/2000/svg">
viewBox="0 0 2447.6 2452.5"
className="h-6 w-6"
xmlns="http://www.w3.org/2000/svg">
<g clipRule="evenodd" fillRule="evenodd"> <g clipRule="evenodd" fillRule="evenodd">
<path <path
d="m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z" d="m897.4 0c-135.3.1-244.8 109.9-244.7 245.2-.1 135.3 109.5 245.1 244.8 245.2h244.8v-245.1c.1-135.3-109.5-245.1-244.9-245.3.1 0 .1 0 0 0m0 654h-652.6c-135.3.1-244.9 109.9-244.8 245.2-.2 135.3 109.4 245.1 244.7 245.3h652.7c135.3-.1 244.9-109.9 244.8-245.2.1-135.4-109.5-245.2-244.8-245.3z"
@ -153,7 +147,6 @@ export default function Custom404() {
</Link> </Link>
</div> </div>
</div> </div>
</div>
</main> </main>
</div> </div>
</> </>