fix: sửa lỗi hiển thị trong itineraryTimeline và MemberDashboard

This commit is contained in:
2026-06-24 09:56:05 +07:00
parent f355b9471a
commit 13cd68707e
6 changed files with 39 additions and 26 deletions
+24 -11
View File
@@ -44,25 +44,23 @@
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
/* Smooth theme transition */
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
/* ============ DARK THEME ============ */
:root.dark {
/* Dark Theme Variables - Vintage Grape & Bondi Blue */
--background: #513b56; /* Vintage Grape */
--background-alt: #434354; /* Dark Alt */
--surface: #525174; /* Dusty Grape */
--background: #4b658b; /* Vintage Grape */
--background-alt: #2d253f; /* Dark Alt */
--surface: #515d74; /* Dusty Grape */
--surface-muted: #626186; /* Surface Muted */
--surface-hover: #5f6b7e; /* Surface Hover */
--border: #626186; /* Border */
--border-light: #525174; /* Border Light */
--text-primary: #f8fafc; /* Soft White */
--text-secondary: #cbd5e1; /* Secondary Text */
/* FIX LỖI 1: Thay đổi #173757 thành #f8fafc để chữ có màu trắng sữa chuẩn tương phản cao */
--text-primary: #f8fafc; /* Soft White chính thức */
--text-secondary: #cbd5e1; /* Sửa lại xám sáng để nhìn rõ hơn #6b6b6b cũ */
--text-accent: #bce784; /* Lime Cream */
--text-muted: #94a3b8; /* Muted Slate */
--text-disabled: #64748b; /* Disabled Text */
@@ -88,9 +86,19 @@
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
/* Smooth theme transition */
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
/* FIX LỖI 2: Khai báo ép toàn bộ Input / Textarea trên hệ thống ăn theo màu Theme */
input, textarea, select {
background-color: var(--surface) !important;
color: var(--text-primary) !important;
border-color: var(--border) !important;
}
/* Đảm bảo chữ gợi ý (placeholder) không bị trùng nền */
input::placeholder, textarea::placeholder {
color: var(--text-muted) !important;
opacity: 0.8;
}
html, body, #root, .app-container {
@@ -337,6 +345,11 @@
gap: 12px;
}
/* Remove padding from child nodes list when folder is collapsed */
.folder-child-content-box:not(.expanded) .child-nodes-list {
padding: 0 !important;
}
/* CSS Grid Accordion Engine - Smooth expand/collapse without layout shattering */
.stage-accordion-content {
display: grid !important;