admin/3dtours
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sửa đổi giao diện của quản lí người dùng

Browse Source
This commit is contained in:
Lộc Phạm
2026-06-12 10:41:33 +07:00
parent b3af752884
commit 1995b63474
4 changed files with 175 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/css/style.css
+111 -11
View File
@@ -1173,8 +1173,9 @@ html, body {
.admin-table th:nth-child(1) { min-width: 160px; } /* Họ tên */
.admin-table th:nth-child(2) { min-width: 120px; } /* Username */
.admin-table th:nth-child(3) { min-width: 200px; } /* Email */
.admin-table th:nth-child(4) { min-width: 130px; } /* Quyền hạn */
.admin-table th:nth-child(5) { min-width: 140px; } /* Reset Password */
.admin-table th:nth-child(4) { min-width: 120px; } /* Quyền hạn */
.admin-table th:nth-child(5) { min-width: 100px; } /* Dung lượng */
.admin-table th:nth-child(6) { min-width: 140px; } /* Reset Password */
.admin-table th:nth-child(6) { min-width: 140px; } /* Thao tác */
.admin-table td input, .admin-table td select {
@@ -1204,28 +1205,127 @@ html, body {
}
/* Admin User Management Header */
.admin-management-header {
.admin-management-controls {
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: column;
gap: 15px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.cleanup-row {
display: flex;
justify-content: flex-end;
}
.cleanup-btn {
background: transparent; /* Nền trùng màu dashboard */
color: #fff;
padding: 6px 12px;
font-size: 13px;
border: 1px solid rgba(255, 255, 255, 0.1);
background: #444444 !important;
color: #222222 !important;
padding: 0 20px !important;
height: 36px;
border: none !important;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
transition: background 0.2s;
white-space: nowrap;
}
.cleanup-btn:hover {
background: rgba(255, 255, 255, 0.1); /* Màu xám active của dashboard */
background: #555555 !important;
}
.admin-search-container {
display: flex;
gap: 0; /* Sát cạnh nhau */
width: 100%;
}
.admin-search-container input {
flex: 1;
background: #262626 !important;
border: 1px solid #000000 !important;
color: #ffffff !important;
padding: 8px 15px !important;
border-radius: 6px 0 0 6px !important;
height: 38px;
}
.admin-search-btn {
background: #444444 !important;
color: #ffffff !important;
border: 1px solid #000000 !important;
padding: 0 25px !important;
border-radius: 0 6px 6px 0 !important;
cursor: pointer;
font-size: 13px;
transition: background 0.2s;
}
/* Card layout styles */
.admin-user-card {
background: #262626 !important;
border: 1px solid #404040 !important;
border-radius: 12px !important;
padding: 16px;
display: grid;
grid-template-columns: 1.5fr 1fr 2fr 1fr 1fr 1fr 1fr;
align-items: center;
gap: 15px;
margin-bottom: 12px;
}
.admin-users-header-row {
display: grid;
grid-template-columns: 1.5fr 1fr 2fr 1fr 1fr 1fr 1fr;
gap: 15px;
padding: 0 16px 12px 16px;
color: #a3a3a3;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
}
.card-field input:not(:disabled), .card-field select:not(:disabled) {
background: #ffffff !important;
color: #000000 !important;
border: 1px solid #404040;
border-radius: 4px;
padding: 6px 10px;
width: 100%;
}
.card-field input:disabled, .card-field select:disabled {
background: #404040 !important;
color: #a3a3a3 !important;
border: 1px solid #525252;
border-radius: 4px;
padding: 6px 10px;
width: 100%;
}
/* Màu sắc linh hoạt cho Input theo trạng thái */
.card-field input[type="text"], .card-field input[type="email"], .card-field input[type="number"] {
background: #ffffff !important;
color: #000000 !important;
}
.card-field input:disabled, .card-field select:disabled {
background: #404040 !important; /* Nền xám tối */
color: #a3a3a3 !important; /* Chữ xám mờ */
border-color: #525252 !important;
cursor: not-allowed;
}
.card-field .edit-btn-small {
background: #28a745 !important; /* Nền xanh lá */
width: 100%;
height: 34px;
border-radius: 4px;
color: #fff;
border: none;
cursor: pointer;
}
.admin-search-container {