center the error state headings

did not alter .special, as that is used for the homepage
nodejs · Sep 24, 2024 · 81cb95a · 81cb95a
1 parent 1088162
commit 81cb95a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/apps/site/app/[locale]/error.tsx b/apps/site/app/[locale]/error.tsx
@@ -19,7 +19,7 @@ const ErrorPage: FC<{ error: Error }> = ({ error }) => {
 
       <main>
         500
-        <h1 className="special -mt-4">
+        <h1 className="special -mt-4 text-center">
           {t('layouts.error.internalServerError.title')}
         </h1>
         <p className="-mt-4 max-w-sm text-center text-lg">

diff --git a/apps/site/app/[locale]/not-found.tsx b/apps/site/app/[locale]/not-found.tsx
@@ -18,7 +18,9 @@ const NotFoundPage: FC = () => {
 
       <main>
         404
-        <h1 className="special -mt-4">{t('layouts.error.notFound.title')}</h1>
+        <h1 className="special -mt-4 text-center">
+          {t('layouts.error.notFound.title')}
+        </h1>
         <div className="my-4 flex h-[150px] items-center justify-center md:h-[300px]">
           <div className="turtle motion-safe:animate-surf motion-reduce:animate-none">
             <Image

diff --git a/apps/site/app/global-error.tsx b/apps/site/app/global-error.tsx
@@ -21,7 +21,9 @@ const GlobalErrorPage: FC<{ error: Error }> = ({ error }) => {
 
             <main>
               500
-              <h1 className="special -mt-4">Internal Server Error</h1>
+              <h1 className="special -mt-4 text-center">
+                Internal Server Error
+              </h1>
               <p className="-mt-4 max-w-sm text-center text-lg">
                 This page has thrown a non-recoverable error.
               </p>