matrix-art

commit d302a600557a0c66c8743b85d6885336d6e07cbf
parent fb97f9e1419de81559f0d892066831b3d17d1011
Author: MTRNord <mtrnord1@gmail.com>
Date:   Tue,  8 Feb 2022 09:07:09 +0100

Make error pages readable

Diffstat:
M
pages/404.tsx
 | 
9
++++++++-
M
pages/500.tsx
 | 
8
+++++++-

2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/pages/404.tsx b/pages/404.tsx
@@ -4,7 +4,14 @@ import { PureComponent, ReactNode } from "react";
 
 class Custom404 extends PureComponent {
     render(): ReactNode {
-        return <h1>404 - Page Not Found</h1>;
+        return (
+            <div className="m-0 w-full">
+                <div className="text-base text-white flex flex-row justify-center">
+                    <h1 className="text-2xl">404 - Page Not Found</h1>
+                </div>
+            </div>
+        );
+        return;
     }
 }
 
diff --git a/pages/500.tsx b/pages/500.tsx
@@ -4,7 +4,13 @@ import { PureComponent, ReactNode } from "react";
 
 class Custom500 extends PureComponent {
     render(): ReactNode {
-        return <h1>500 - Server-side error occurred</h1>;
+        return (
+            <div className="m-0 w-full">
+                <div className="text-base text-white flex flex-row justify-center">
+                    <h1>500 - Server-side error occurred</h1>
+                </div>
+            </div>
+        );
     }
 }