Project Round 7

public/css/styles.css

@@ -41,6 +41,16 @@ nav a:hover {
   background: rgba(255, 255, 255, 0.5);
 }
 
+.header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  padding: 20px;
+  background-color: #4c4cd9; /* สีพื้นหลัง */
+  color: white;
+}
+
 .login-btn {
   display: flex;
   align-items: center;

views/index.ejs

@@ -12,7 +12,6 @@
   <header>
     <h1>Welcome to JourneyHub</h1>
     <nav>
-      <a href="/">Home</a>
       <% if (session.userId) { %>
         <a href="/create" class="btn-create">Create Tour</a>
       <% } %>
@@ -20,12 +19,14 @@
         <input type="text" name="query" placeholder="Search for tours..." required>
         <button type="submit">Search</button>
       </form>
+      <div class="header">
         <% if (session && session.userId) { %>  <!-- ตรวจสอบว่า userId อยู่ใน session หรือไม่ -->
           <a><%= session.userName %></a>  <!-- แสดงชื่อผู้ใช้ -->
           <a href="/logout">Logout</a>
         <% } else { %>
           <a href="/login" class="login-btn">Login</a> <!-- ถ้ายังไม่ได้ login -->
         <% } %>
+      </div>
     </nav>
   </header>