样式微调

src/components/chart/list.jsx

@@ -467,7 +467,7 @@ class ChartList extends React.Component {
                 />}
                 {visibleDeleteBox && <DeleteBox
                     visibleBox={visibleDeleteBox}
-                    text={`确定要删除图表【${selectedRecord.name}】吗？`}
+                    text={<div><span>确定要删除图表【{selectedRecord.name}】吗？</span><br/><span style={{ color: 'red' }}>（此操作将会影响使用到该图表的看板！）</span></div>}
                     hideBox={() => {
                         this.setState({
                             visibleDeleteBox: false

src/components/chart/list.less

@@ -52,6 +52,9 @@
                                     &>.ant-card-head-title {
                                         font-size: 14px;
                                         padding: 6px 0;
+                                        .ant-row-flex {
+                                            flex: 1;
+                                        }
                                         .anticon {
                                             cursor: pointer;
                                         }

src/components/common/CardList.less

@@ -10,6 +10,9 @@
         .ant-card-head-title {
             font-size: 14px;
             padding: 6px 0;
+            .ant-row-flex {
+                flex: 1;
+            }
             .anticon {
                 cursor: pointer;
             }
@@ -89,6 +92,9 @@
         .ant-card-head-title {
             font-size: 14px;
             padding: 6px 0;
+            .ant-row-flex {
+                flex: 1;
+            }
             .anticon {
                 cursor: pointer;
             }

src/components/dashboard/list.less

@@ -45,6 +45,9 @@
                     .ant-card-head-title {
                         font-size: 14px;
                         padding: 6px 0;
+                        .ant-row-flex {
+                            flex: 1;
+                        }
                         .anticon {
                             cursor: pointer;
                         }

src/components/dataSource/list.jsx

@@ -481,7 +481,7 @@ class DataSource extends React.Component {
                         />
                         {visibleDeleteBox && <DeleteBox
                             visibleBox={visibleDeleteBox}
-                            text={`确定要删除数据源【${selectedRecord.name}】吗？`}
+                            text={<div><span>确定要删除数据源【{selectedRecord.name}】吗？</span><br/><span style={{ color: 'red' }}>（此操作将会导致使用该数据源的图表失效！）</span></div>}
                             hideBox={() => {
                                 this.setState({
                                     visibleDeleteBox: false