diff --git a/public/css/booklist.css b/public/css/booklist.css index b3224fe68357d90c8e6826f1e4a35044ef18fdbc..59066819a22bc77abcc100d775729be7ff5c0c54 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 644bd9bcc2eacfc1fbceefce1828ef7c6b48b0ef..594d7f206db70696e5b017322214dfd7fea39068 100644 --- a/views/bookinglist.ejs +++ b/views/bookinglist.ejs @@ -26,5 +26,6 @@ <% }) %> </tbody> </table> + <a href="/" class="btn-back">ย้อนกลับ</a> </body> </html>