fix: change style for headers

fac30 · Dec 11, 2024 · ec94561 · ec94561
1 parent 81b0136
commit ec94561
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
@@ -0,0 +1,13 @@
+import { Header } from "../../ui/shared/Header";
+
+export default function HomePage() {
+  return (
+    <div className="flex flex-col gap-4">
+      <Header
+        title="Home Page"
+        description="assess your mood before making a decision."
+        hasInfoButton={true}
+      />
+    </div>
+  );
+}
diff --git a/src/app/toolkit/info/CategoriesInfoPage.tsx b/src/app/toolkit/info/CategoriesInfoPage.tsx
@@ -30,9 +30,10 @@ export default function CategoriesInfoPage() {
     };
 
     return (
-        <div className="bg-twd-background text-white min-h-screen px-10 py-6">
+        <>
           {/* Header */}
           <Header title="Categories" isInfoPage={true}/>
+          <div className="bg-twd-background text-white min-h-screen px-10 py-6">
 
           {/* Subheader */}
           <p className="text-gray-400 mt-3 mb-2">
@@ -90,5 +91,6 @@ export default function CategoriesInfoPage() {
                 />
             </div>
         </div>
+      </>
 );
 }
diff --git a/src/app/toolkit/info/page.tsx b/src/app/toolkit/info/page.tsx
@@ -13,10 +13,10 @@ export default function ToolkitInfoPage() {
   }
 
   return (
-    <div className="bg-twd-background text-white min-h-screen px-10 py-6">
+    <>
       {/* Header */}
       <Header title="Learn More" isInfoPage={true} />
-
+      <div className="bg-twd-background text-white min-h-screen px-10 py-6">
       {/* Introduction Section */}
       <div className="mt-6">
         <h1 className="text-2xl font-bold text-white mb-5">
@@ -84,5 +84,6 @@ export default function ToolkitInfoPage() {
         </ul>
       </div>
     </div>
+  </>
   );
 }