From 77dd6230e05be7ba3bda4ffdc23b707897b143eb Mon Sep 17 00:00:00 2001
From: Atiwit Pattanapukdee <65160394@go.buu.ac.th>
Date: Thu, 20 Mar 2025 22:12:31 +0700
Subject: [PATCH] Project Round 9
---
public/css/booklist.css | 84 ++++++++++++++++++++++-------------------
views/bookinglist.ejs | 1 +
2 files changed, 46 insertions(+), 39 deletions(-)
diff --git a/public/css/booklist.css b/public/css/booklist.css
index b3224fe..5906681 100644
--- a/public/css/booklist.css
+++ b/public/css/booklist.css
@@ -1,55 +1,61 @@
-/* booking.css */
body {
font-family: Arial, sans-serif;
- background-color: #f4f4f9;
margin: 20px;
padding: 0;
+ background-color: #f4f4f4;
text-align: center;
-}
-
-h1 {
+ }
+
+ h1 {
color: #333;
- margin-bottom: 20px;
-}
-
-table {
+ }
+
+ table {
width: 80%;
- margin: 0 auto;
+ margin: 20px auto;
border-collapse: collapse;
- background-color: white;
+ background: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden;
-}
-
-th, td {
+ }
+
+ th, td {
padding: 12px;
border: 1px solid #ddd;
text-align: center;
-}
-
-th {
+ }
+
+ th {
background-color: #007bff;
color: white;
-}
-
-tr:nth-child(even) {
- background-color: #f2f2f2;
-}
-
-tr:hover {
- background-color: #ddd;
- cursor: pointer;
-}
-
-/* Responsive */
-@media (max-width: 768px) {
- table {
- width: 100%;
- }
-
- th, td {
- padding: 8px;
- font-size: 14px;
- }
-}
+ }
+
+ tr:nth-child(even) {
+ background-color: #f9f9f9;
+ }
+
+ tr:hover {
+ background-color: #f1f1f1;
+ }
+
+ .btn-edit {
+ display: inline-block;
+ margin-top: 20px;
+ padding: 10px 20px;
+ background: #17a2b8; /* สีฟ้าอ่อน */
+ color: white;
+ text-decoration: none;
+ border-radius: 5px;
+ font-weight: bold;
+ font-size: 16px;
+ }
+
+ .btn-edit:hover {
+ background: #138496; /* สีฟ้าเข้มเมื่อ hover */
+ }
+
+ .btn-edit:active {
+ background: #117a8b; /* สีฟ้าเข้มสุดเมื่อคลิก */
+ }
+
\ No newline at end of file
diff --git a/views/bookinglist.ejs b/views/bookinglist.ejs
index 644bd9b..594d7f2 100644
--- a/views/bookinglist.ejs
+++ b/views/bookinglist.ejs
@@ -26,5 +26,6 @@
<% }) %>
</tbody>
</table>
+ <a href="/" class="btn-back">ย้อนกลับ</a>
</body>
</html>
--
GitLab