From c672b90f9a3b3303b72e61206184989e5bd9a5ae Mon Sep 17 00:00:00 2001
From: Leslie Yip <leslieyip02@gmail.com>
Date: Mon, 22 Jan 2024 12:06:09 +0800
Subject: [PATCH] Reorganize header

---
 src/App.jsx                  |  5 +----
 src/layout/NavigationBar.jsx | 14 ++++++++------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 1c5bcbc..86793a2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -6,10 +6,7 @@ import './App.css';
 function App() {
   return (
     <>
-      {/* Header */}
-      <header className='w-full h-20'>
-        <NavigationBar />
-      </header>
+      <NavigationBar />
 
       {/* Main content */}
       <main className='w-full min-h-[100vh]'>
diff --git a/src/layout/NavigationBar.jsx b/src/layout/NavigationBar.jsx
index 1a18fd4..52d1c31 100644
--- a/src/layout/NavigationBar.jsx
+++ b/src/layout/NavigationBar.jsx
@@ -4,12 +4,14 @@ import './NavigationBar.css';
 
 function NavigationBar() {
   return (
-    <div className='navigation-bar'>
-      <Link to='/'>
-        <img src='comclub_logo.png' className='h-12 p-2'></img>
-      </Link>
-      <NavigationMenu />
-    </div>
+    <header className='w-full h-20'>
+      <div className='navigation-bar'>
+        <Link to='/'>
+          <img src='comclub_logo.png' className='h-12 p-2'></img>
+        </Link>
+        <NavigationMenu />
+      </div>
+    </header>
   );
 }