Font change for errors

This commit is contained in:
Atridad Lahiji 2023-11-27 20:22:36 -07:00
parent fd3b1234e8
commit 14f91fc007
No known key found for this signature in database
2 changed files with 10 additions and 5 deletions

View file

@ -7,8 +7,11 @@ export default function FourOhFour() {
if (isRouteErrorResponse(error)) { if (isRouteErrorResponse(error)) {
return ( return (
<span className="text-center"> <span className="text-center">
<h1 className="text-5xl font-bold m-2">Error {error.status}</h1> <h1 className="text-5xl text-error font-bold m-2">
<h1 className="text-5xl font-bold m-2">{error.data}</h1> Error {error.status}
</h1>
<h1 className="text-3xl font-bold m-2">{error.data}</h1>
<h2 className="text-2xl font-bold m-2"> <h2 className="text-2xl font-bold m-2">
If you believe you reached this page in error, please file an issue{" "} If you believe you reached this page in error, please file an issue{" "}
<a <a
@ -30,7 +33,9 @@ export default function FourOhFour() {
} else if (error instanceof Error) { } else if (error instanceof Error) {
return ( return (
<span className="text-center"> <span className="text-center">
<h1 className="text-5xl font-bold m-2">Error {error.name}</h1> <h1 className="text-5xl text-error font-bold m-2">
Error {error.name}
</h1>
<h1 className="text-3xl font-bold m-2">Error {error.message}</h1> <h1 className="text-3xl font-bold m-2">Error {error.message}</h1>
<h2 className="text-2xl font-bold m-2"> <h2 className="text-2xl font-bold m-2">
@ -54,7 +59,7 @@ export default function FourOhFour() {
} else { } else {
return ( return (
<span className="text-center"> <span className="text-center">
<h1 className="text-5xl font-bold m-2">Error 500</h1> <h1 className="text-5xl text-error font-bold m-2">Error 500</h1>
<h2 className="text-2xl font-bold m-2"> <h2 className="text-2xl font-bold m-2">
If you believe you reached this page in error, please file an issue{" "} If you believe you reached this page in error, please file an issue{" "}
<a <a

View file

@ -56,7 +56,7 @@ export const loader: LoaderFunction = async (args) => {
const shit = isShit(email); const shit = isShit(email);
if (shit) { if (shit) {
throw new Response( throw new Response(
"Wowee zowee! I'm sure I put that room around here somewhere...", "Gee Willikers! I'm sure I put that room around here somewhere... sorry one moment while I look around... I swear I just had it...",
{ {
status: 404, status: 404,
statusText: "NOT FOUND", statusText: "NOT FOUND",