theme color update

src/assets/styles/mixin.less

@@ -991,7 +991,7 @@
 .ant-btn.historyBtn {
     margin-left: 10px;
     .rounded-corners(3px);
-    height: 40px;
+    height: 28px;
     border-color: @m-blue29;
     background: @m-blue30;
     color: @m-grey43;

src/common/components/drawer/index.vue

@@ -108,6 +108,16 @@ export default defineComponent({
         width: 486px !important;
     }
 }
+.top500 {
+    .position(fixed, 101px, 0, auto, auto);
+    width: 500px;
+    height: 450px;
+    background: transparent;
+    z-index: 10;
+    .ant-drawer-content-wrapper {
+        width: 500px !important;
+    }
+}
 .topHigh {
     .position(fixed, 101px, 0, auto, auto);
     width: 580px;

src/views/market/spot_trade/components/history-chart/index.vue

@@ -1,16 +1,8 @@
 <template>
-  <!-- 历史走势-->
-  <Drawer :title="'历史走势'"
-          :placement="'right'"
-          :visible="visible"
-          width="686px"
-          height="479px"
-          @cancel="cancel"
-          class="top">
-    <div class="chart-main"
-         ref="chartRef"
-         id="history-chart"></div>
-  </Drawer>
+    <!-- 历史走势-->
+    <Drawer :title="'历史走势'" :placement="'right'" :visible="visible" @cancel="cancel" class="top500">
+        <div class="chart-main" ref="chartRef" id="history-chart"></div>
+    </Drawer>
 </template>
 
 <script lang="ts">
@@ -116,8 +108,8 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.chart-main {
-    height: 441px;
-    width: 100%;
-}
+// .chart-main {
+//     height: 441px;
+//     width: 100%;
+// }
 </style>;