Gitlab@Informatics

Skip to content
Snippets Groups Projects
Commit 77dd6230 authored by 65160394's avatar 65160394
Browse files

Project Round 9

parent e05e3374
Branches
No related tags found
No related merge requests found
/* booking.css */
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #f4f4f9;
margin: 20px; margin: 20px;
padding: 0; padding: 0;
background-color: #f4f4f4;
text-align: center; text-align: center;
} }
h1 { h1 {
color: #333; color: #333;
margin-bottom: 20px; }
}
table {
table {
width: 80%; width: 80%;
margin: 0 auto; margin: 20px auto;
border-collapse: collapse; border-collapse: collapse;
background-color: white; background: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
} }
th, td { th, td {
padding: 12px; padding: 12px;
border: 1px solid #ddd; border: 1px solid #ddd;
text-align: center; text-align: center;
} }
th { th {
background-color: #007bff; background-color: #007bff;
color: white; color: white;
} }
tr:nth-child(even) { tr:nth-child(even) {
background-color: #f2f2f2; background-color: #f9f9f9;
} }
tr:hover { tr:hover {
background-color: #ddd; background-color: #f1f1f1;
cursor: pointer; }
}
.btn-edit {
/* Responsive */ display: inline-block;
@media (max-width: 768px) { margin-top: 20px;
table { padding: 10px 20px;
width: 100%; background: #17a2b8; /* สีฟ้าอ่อน */
} color: white;
text-decoration: none;
th, td { border-radius: 5px;
padding: 8px; font-weight: bold;
font-size: 14px; font-size: 16px;
} }
}
.btn-edit:hover {
background: #138496; /* สีฟ้าเข้มเมื่อ hover */
}
.btn-edit:active {
background: #117a8b; /* สีฟ้าเข้มสุดเมื่อคลิก */
}
\ No newline at end of file
...@@ -26,5 +26,6 @@ ...@@ -26,5 +26,6 @@
<% }) %> <% }) %>
</tbody> </tbody>
</table> </table>
<a href="/" class="btn-back">ย้อนกลับ</a>
</body> </body>
</html> </html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment