refactor: layout struct

nodejs · Jan 16, 2024 · 280e68b · 280e68b
1 parent a6ee4a8
commit 280e68b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/app/[locale]/not-found.tsx b/app/[locale]/not-found.tsx
@@ -23,7 +23,11 @@ const LocalizedNotFound: FC = async () => {
 
   return (
     <WithLayout layout="centered.hbs">
-      <MDXRenderer Component={MDXContent} />
+      <div className="glowingBackdrop" />
+
+      <main>
+        <MDXRenderer Component={MDXContent} />
+      </main>
     </WithLayout>
   );
 };

diff --git a/layouts/New/Centered.tsx b/layouts/New/Centered.tsx
@@ -9,11 +9,7 @@ const CenteredLayout: FC<PropsWithChildren> = ({ children }) => (
   <>
     <WithNavBar />
 
-    <div className={styles.centeredLayout}>
-      <div className="glowingBackdrop" />
-
-      <main>{children}</main>
-    </div>
+    <div className={styles.centeredLayout}>{children}</div>
 
     <WithFooter />
   </>

diff --git a/layouts/New/Home.tsx b/layouts/New/Home.tsx
@@ -6,6 +6,8 @@ import styles from './layouts.module.css';
 
 const HomeLayout: FC<PropsWithChildren> = ({ children }) => (
   <CenteredLayout>
+    <div className="glowingBackdrop" />
+
     <main className={styles.homeLayout}>{children}</main>
   </CenteredLayout>
 );