Project Round 7

public/css/styles.css

@@ -42,17 +42,9 @@ nav a:hover {
   background: rgba(255, 255, 255, 0.5);
 }
 
-.header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20px;
-  background-color: #4c4cd9;
-  color: white;
-}
-
 .login-btn {
   display: flex;
+  justify-content: space-between;
   align-items: center;
   gap: 8px;
   background-color: transparent;

views/index.ejs

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