/* Thêm các style mới này vào tệp style.css của bạn */ /* Bố cục Grid cho dashboard */ .dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px; } @media (max-width: 1200px) { .dashboard-grid { grid-template-columns: 1fr; } } /* Form phụ (Thêm bàn nâng) */ .sub-form { display: flex; align-items: flex-end; gap: 10px; margin-bottom: 20px; } .sub-form .input-group { flex-grow: 1; margin-bottom: 0; } .btn-submit-small { padding: 12px 20px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } .btn-submit-small:hover { background-color: #0056b3; } /* Bảng đơn giản */ .simple-table { width: 100%; border-collapse: collapse; font-size: 14px; } .simple-table th, .simple-table td { padding: 8px; border-bottom: 1px solid #eee; } .simple-table th { text-align: left; background-color: #f8f9fa; } /* Nút bấm trong bảng */ .btn-delete, .btn-complete { padding: 5px 10px; border-radius: 5px; border: none; color: white; cursor: pointer; font-size: 12px; } .btn-delete { background-color: #dc3545; } .btn-delete:hover { background-color: #c82333; } .btn-complete { background-color: #28a745; } .btn-complete:hover { background-color: #218838; } /* Biển số xe trong bảng */ .license-plate-small { background-color: #343a40; color: white; padding: 3px 8px; border-radius: 4px; font-weight: bold; font-family: monospace; }