样式修改

frontend-web/src/strategy-components/components/task-components/css/strategy-data.css

@@ -77,28 +77,16 @@
   border-radius: 3px;
 }
 
-.strategy-data::-webkit-scrollbar,
-.strategy-data *::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-.strategy-data::-webkit-scrollbar-thumb,
-.strategy-data *::-webkit-scrollbar-thumb {
-  background: rgba(203, 213, 225, 0.75);
-  border-radius: 999px;
-}
-
-.strategy-data::-webkit-scrollbar-track,
-.strategy-data *::-webkit-scrollbar-track {
-  background: rgba(241, 245, 249, 0.9);
-  border-radius: 999px;
-}
-
 .dark .strategy-data .scrollbar-thin {
   scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
 }
 
+.dark .strategy-data::-webkit-scrollbar,
+.dark .strategy-data *::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
 .dark .strategy-data,
 .dark .strategy-data * {
   scrollbar-width: thin;
@@ -262,27 +250,39 @@
   min-width: 320px;
 }
 
-.sentiment-date-range-popup .t-date-picker__panel,
-.sentiment-date-range-popup .t-date-range-picker__panel,
-.sentiment-date-range-popup .t-date-picker__panel-body,
-.sentiment-date-range-popup .t-date-picker__panel-content,
-.sentiment-date-range-popup .t-date-picker__table,
-.sentiment-date-range-popup .t-time-picker__panel {
+html.dark .sentiment-date-range-popup .t-date-picker__panel,
+html.dark .sentiment-date-range-popup .t-date-range-picker__panel,
+html.dark .sentiment-date-range-popup .t-date-picker__panel-body,
+html.dark .sentiment-date-range-popup .t-date-picker__panel-content,
+html.dark .sentiment-date-range-popup .t-date-picker__table,
+html.dark .sentiment-date-range-popup .t-time-picker__panel,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-picker__panel,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-range-picker__panel,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-picker__panel-body,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-picker__panel-content,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-picker__table,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-time-picker__panel {
   background: #0d1d33 !important;
   color: #e6f4ff !important;
 }
 
-.sentiment-date-range-popup .t-popup__content {
+html.dark .sentiment-date-range-popup .t-popup__content,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-popup__content {
   background: #0d1d33 !important;
   border: 1px solid rgba(110, 136, 176, 0.24);
   box-shadow: 0 24px 60px rgba(2, 8, 20, 0.42);
 }
 
-.sentiment-date-range-popup .t-date-picker__cell,
-.sentiment-date-range-popup .t-date-picker__cell-inner,
-.sentiment-date-range-popup .t-date-picker__header,
-.sentiment-date-range-popup .t-date-picker__text,
-.sentiment-date-range-popup .t-button {
+html.dark .sentiment-date-range-popup .t-date-picker__cell,
+html.dark .sentiment-date-range-popup .t-date-picker__cell-inner,
+html.dark .sentiment-date-range-popup .t-date-picker__header,
+html.dark .sentiment-date-range-popup .t-date-picker__text,
+html.dark .sentiment-date-range-popup .t-button,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-picker__cell,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-picker__cell-inner,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-picker__header,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-date-picker__text,
+html[theme-mode='dark'] .sentiment-date-range-popup .t-button {
   color: #e6f4ff !important;
 }
 
@@ -296,7 +296,7 @@
   color: #ffffff;
 }
 
-.strategy-data .dark-theme:hover {
+.dark .strategy-data .dark-theme:hover {
   background: #0062d966;
   color: #ffffff;
   border-color: #0062d9 !important;
@@ -307,8 +307,8 @@
   border-color: var(--card-border);
 }
 
-.strategy-data .dark-theme.task-active,
-.strategy-data .dark-theme .task-active {
+.dark .strategy-data .dark-theme.task-active,
+.dark .strategy-data .dark-theme .task-active {
   border-color: #0062d9 !important;
 }
 
@@ -351,20 +351,20 @@
   background: linear-gradient(180deg, #f5f5f5, #fff 17.89% 100%);
 }
 
-.strategy-data .dark-action-bg {
+.dark .strategy-data .dark-action-bg {
   background: rgba(3, 38, 80, 0.6) !important;
   border: 1px solid rgba(43, 143, 254, 0.6) !important;
   border-radius: 8px !important;
   box-shadow: 0 1px 16px rgba(0, 0, 0, 0.08) !important;
 }
 
-.strategy-data .dark-action-item {
+.dark .strategy-data .dark-action-item {
   background: #0062d91a;
   border: 1px solid #2b8ffe99;
   border-radius: 8px;
 }
 
-.strategy-data .dark-action-item:hover {
+.dark .strategy-data .dark-action-item:hover {
   background: #0062d966;
   border-color: #0062d9;
 }
@@ -373,6 +373,16 @@
 .strategy-data .t-loading,
 .strategy-data .t-loading__parent {
   min-height: 0;
+  height: 100%;
+}
+
+.strategy-data .t-loading {
+  display: block;
+}
+
+.strategy-data .t-loading__parent {
+  display: flex;
+  flex-direction: column;
 }
 
 .strategy-data .t-loading--full {