From 5327b6bb52126d2c30a109783574f3f83f0bf6ec Mon Sep 17 00:00:00 2001 From: Atiwit Pattanapukdee <65160394@go.buu.ac.th> Date: Wed, 19 Mar 2025 15:18:09 +0700 Subject: [PATCH] Project Round 7 --- public/css/styles.css | 10 ++++++++++ views/index.ejs | 15 ++++++++------- 2 files changed, 18 insertions(+), 7 deletions(-) diff --git a/public/css/styles.css b/public/css/styles.css index c7ff0d8..e23cb11 100644 --- a/public/css/styles.css +++ b/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; diff --git a/views/index.ejs b/views/index.ejs index f8335f7..d62d7b0 100644 --- a/views/index.ejs +++ b/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> - <% 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 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> -- GitLab