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

Sửa chữa giao diện, lỗi privacy

Browse Source
This commit is contained in:
Lộc Phạm
2026-06-11 09:02:54 +07:00
parent edd91d4d64
commit be149f26ca
9 changed files with 236 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/css/style.css
+46 -17
View File
@@ -1076,8 +1076,12 @@ html, body {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
/* --- Edit Metadata Modal (Dark Theme) --- */
#edit-scene-metadata-modal .modal-content {
/* --- Unified Dark Theme for Modals (Tour, Scene, Metadata, Hotspot, Actions) --- */
#edit-scene-metadata-modal .modal-content,
#create-tour-modal .modal-content,
#create-scene-modal .modal-content,
#hotspot-modal .modal-content,
#action-choice-modal .modal-content {
background: rgba(30, 30, 30, 0.95);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.1);
@@ -1085,36 +1089,54 @@ html, body {
max-width: 500px;
}
#edit-scene-metadata-modal .form-group label {
#edit-scene-metadata-modal .form-group label,
#create-tour-modal .form-group label,
#create-scene-modal .form-group label,
#hotspot-modal .form-group label,
#action-choice-modal .form-group label {
color: #ccc;
}
#edit-scene-metadata-modal input,
#edit-scene-metadata-modal textarea,
#edit-scene-metadata-modal select {
#create-tour-modal input,
#create-tour-modal select,
#create-tour-modal textarea,
#create-scene-modal input,
#create-scene-modal select,
#create-scene-modal textarea,
#hotspot-modal input,
#hotspot-modal textarea,
#hotspot-modal select {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
/* Trạng thái vô hiệu hóa (Disabled) cho các trường nhập liệu trong Modal sửa */
#edit-scene-metadata-modal input:disabled,
#edit-scene-metadata-modal textarea:disabled,
#edit-scene-metadata-modal select:disabled {
background: rgba(255, 255, 255, 0.02) !important;
color: #777 !important;
cursor: not-allowed;
border-color: rgba(255, 255, 255, 0.1) !important;
/* Select option colors for Dark Theme */
#edit-scene-metadata-modal select option,
#create-tour-modal select option,
#create-scene-modal select option,
#hotspot-modal select option {
background-color: #1e1e1e;
color: #fff;
}
/* Tùy chỉnh màu sắc cho danh sách lựa chọn (dropdown options) trong modal tối */
#edit-scene-metadata-modal select option {
background-color: #000; /* Nền đen cho các item */
color: #fff; /* Chữ trắng */
#hs-mini-map {
height: 200px;
width: 100%;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 10px;
}
#edit-scene-metadata-modal select option:hover {
background-color: #555; /* Nền xám khi di chuột qua (tùy trình duyệt hỗ trợ) */
#edit-scene-metadata-modal .modal-header,
#create-tour-modal .modal-header,
#create-scene-modal .modal-header,
#hotspot-modal .modal-header,
#action-choice-modal .modal-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#edit-mini-map {
@@ -1372,3 +1394,10 @@ html, body {
color: #dc3545;
border: 1px solid rgba(220, 53, 69, 0.4);
}
/* Temporary hiding rules for notification overlays */
body.notification-active #dashboard-overlay,
body.notification-active .modal,
body.notification-active .modal-overlay:not(#success-modal):not(#error-modal) {
display: none !important;
}