Reorganize header

NUSComputingDev · Jan 22, 2024 · c672b90 · c672b90
1 parent 7163893
commit c672b90
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git 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
@@ -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>
   );
 }