update dashboard

src/components/Charts/Pie/index.js

@@ -192,7 +192,7 @@ class Pie extends Component {
     return (
       <div className={styles.pie} style={{ height }}>
         <div>
-          { title && <h4 className={styles.title}>{title}</h4>}
+          {title && <h4 className={styles.title}>{title}</h4>}
           <div className={styles.content}>
             <div ref={this.handleRef} />
             {

src/components/Charts/Pie/index.less

@@ -44,6 +44,9 @@
     position: absolute;
     right: 0;
   }
+  .title {
+    margin-bottom: 16px;
+  }
   .total {
     opacity: 0;
     position: absolute;
@@ -58,6 +61,7 @@
       line-height: 22px;
       height: 22px;
       margin-bottom: 8px;
+      font-weight: normal;
     }
     & > p {
       color: @heading-color;

src/routes/Dashboard/Analysis.js

@@ -386,7 +386,7 @@ export default class Analysis extends Component {
               )}
               style={{ marginTop: 24 }}
             >
-              <div style={{ marginTop: 32, marginBottom: 54 }}>
+              <div style={{ marginTop: 32, marginBottom: 108 }}>
                 <Pie
                   hasLegend
                   title="销售额"
@@ -394,7 +394,7 @@ export default class Analysis extends Component {
                   total={yuan(salesPieData.reduce((pre, now) => now.y + pre, 0))}
                   data={salesPieData}
                   valueFormat={val => yuan(val)}
-                  height={314}
+                  height={260}
                 />
               </div>
             </Card>

src/routes/Dashboard/Analysis.less

@@ -104,9 +104,6 @@
     .ant-tabs-bar {
       border-bottom: none;
     }
-    .ant-tabs-ink-bar {
-      top: 1px;
-    }
     .ant-tabs-nav-container-scrolling {
       padding-left: 40px;
       padding-right: 40px;
@@ -141,11 +138,9 @@
     margin-top: 16px;
   }
 
-  .salesCard {
-    .salesBar {
+  .salesCard .salesBar {
     padding: 16px;
   }
-  }
 }
 
 @media screen and (max-width: @screen-sm) {