From 8ba5a29d4e5bf57a2e9b39f2ceb20679f0aadef6 Mon Sep 17 00:00:00 2001
From: Atiwit Pattanapukdee <65160394@go.buu.ac.th>
Date: Wed, 19 Mar 2025 15:12:23 +0700
Subject: [PATCH] Project Round 7
---
public/css/styles.css | 22 ++++++++++++++++------
views/index.ejs | 2 +-
2 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/public/css/styles.css b/public/css/styles.css
index ed5b7a5..19e669e 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -41,17 +41,27 @@ nav a:hover {
background: rgba(255, 255, 255, 0.5);
}
-.btn-login {
- background-color: #4CAF50;
+.login-btn {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ background-color: transparent;
color: white;
+ border: 2px solid white;
padding: 10px 20px;
- border-radius: 5px;
- text-decoration: none;
+ font-size: 16px;
font-weight: bold;
+ cursor: pointer;
+ border-radius: 8px;
+ transition: all 0.3s ease;
+}
+
+.login-btn:hover {
+ background-color: rgba(255, 255, 255, 0.2);
}
-.btn-login:hover {
- background-color: #45a049;
+.login-btn i {
+ font-size: 18px;
}
/* SEARCH BAR */
diff --git a/views/index.ejs b/views/index.ejs
index 94bfbee..dcae4db 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -22,7 +22,7 @@
<a><%= session.userName %></a> <!-- แสดงชื่อผู้ใช้ -->
<a href="/logout">Logout</a>
<% } else { %>
- <a href="/login" class="btn-login">Login</a> <!-- ถ้ายังไม่ได้ login -->
+ <a href="/login" class="login-btn">Login</a> <!-- ถ้ายังไม่ได้ login -->
<% } %>
</nav>
</header>
--
GitLab