diff --git a/public/css/styles.css b/public/css/styles.css index 5653bc104d292df6829902a5edfa8cdd22cca791..7103434f2f3c1942f25f36e1eb6b40072b229363 100644 --- a/public/css/styles.css +++ b/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; diff --git a/views/index.ejs b/views/index.ejs index b3204e72ca166f519d67009c878ff56b87f6f4bd..4c00214f9efb2fe99935e338c468dc5c7241daba 100644 --- a/views/index.ejs +++ b/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> - <a href="/logout">Logout</a> - <% } else { %> - <a href="/login" class="login-btn">Login</a> - <% } %> - </div> - </div> + <% 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> + <% 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 --> + <% } %> </nav> </header>