fix: add padding

src/components/DashboardCard/index.tsx

@@ -37,7 +37,7 @@ class DashboardCard extends React.PureComponent<IProps> {
             {onConfigPanel && (
               <Icon
                 className="icon-setup blue"
-                icon="#iconSetup"
+                icon="#iconSet_up"
                 onClick={onConfigPanel}
               />
             )}

src/pages/MachineDashboard/Detail/index.tsx

@@ -266,7 +266,7 @@ function Detail(props: IProps) {
                     className="btn-icon-with-desc blue base-line"
                     onClick={handleBaseLineEdit(metricChart)}
                   >
-                    <Icon icon="#iconSetup" />
+                    <Icon icon="#iconSet_up" />
                     <span>{intl.get('common.baseLine')}</span>
                   </div>
                 </div>

src/pages/MetricDetail/index.module.less

@@ -17,7 +17,6 @@
   flex-direction: row;
   flex-wrap: wrap;
   width: 100%;
-
   :global {
     .chart-item {
       height: calc(100vh - 290px);
@@ -31,6 +30,7 @@
       align-items: center;
       justify-content: center;
       background: #fff;
+      padding: 0 40px;
       margin-right: 15px;
       position: sticky;
       top: -15px;

src/pages/MetricDetail/index.tsx

@@ -12,7 +12,6 @@ import { useParams } from 'react-router-dom';
 import { calcTimeRange, getBaseLineByUnit, getDataByType, getDiskData, getMetricsUniqName, getProperTickInterval } from '@/utils/dashboard';
 import { MetricScene, ServiceName } from '@/utils/interface';
 import { SUPPORT_METRICS } from '@/utils/promQL';
-import { Chart } from '@antv/g2';
 import { shouldCheckCluster } from '@/utils';
 import { Popover, Spin } from 'antd';
 import Icon from '@/components/Icon';
@@ -335,7 +334,7 @@ function MetricDetail(props: Props) {
             </div>
             <div className={styles.chartContent}>
               <LineChart
-                options={{ padding: [10, 70, 70, 70] }}
+                // options={{ padding: [10, 70, 70, 70] }}
                 ref={ref => metricChart.chartRef = ref}
                 renderChart={renderChart}
               />
@@ -345,7 +344,7 @@ function MetricDetail(props: Props) {
                 className="btn-icon-with-desc blue base-line"
                 onClick={handleBaseLineEdit}
               >
-                <Icon icon="#iconSetup" />
+                <Icon icon="#iconSet_up" />
                 <span>{intl.get('common.baseLine')}</span>
               </div>
             </div>

src/pages/ServiceDashboard/Detail/index.tsx

@@ -371,7 +371,7 @@ function ServiceDetail(props: IProps) {
                       className="btn-icon-with-desc blue base-line"
                       onClick={handleBaseLineEdit(metricChart)}
                     >
-                      <Icon icon="#iconSetup" />
+                      <Icon icon="#iconSet_up" />
                       <span>{intl.get('common.baseLine')}</span>
                     </div>
                   </div>

src/pages/ServiceDashboard/ServiceOverview/CustomServiceQueryPanel/index.tsx

@@ -112,7 +112,7 @@ function CustomServiceQueryPanel(props: IProps) {
             })}
             onClick={onConfigPanel}
           >
-            <Icon icon="#iconSetup" />
+            <Icon icon="#iconSet_up" />
             <span>{intl.get('common.set')}</span>
           </div>
         </div>