fix: sửa lỗi hiển thị trong itineraryTimeline và MemberDashboard
This commit is contained in:
+24
-11
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user