Font change for errors
This commit is contained in:
parent
fd3b1234e8
commit
14f91fc007
2 changed files with 10 additions and 5 deletions
|
@ -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
|
||||||
|
|
|
@ -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",
|
||||||
|
|
Loading…
Add table
Reference in a new issue