perf: device list modal of matter panel history data style adjust

@@ -176,12 +176,12 @@
 </script>
 </script>
 
 
 <template>
 <template>
-  <section class="flex flex-col p-4 h-full" style="color: #f0f2f5">
-    <section class="bg-white p-3">
+  <section class="flex flex-col p-4 h-full" style="background-color: #f0f2f5">
+    <section class="bg-white p-3 mb-4">
       <TimePeriodForm @register="register" />
       <TimePeriodForm @register="register" />
     </section>
     </section>
     <section class="bg-white p-3">
     <section class="bg-white p-3">
-      <div v-show="isNull" ref="chartRef" :style="{ height: '550px', width: '100%' }">
+      <div v-show="isNull" ref="chartRef" :style="{ height: '400px', width: '100%' }">
         <Spin :spinning="loading" :absolute="true" />
         <Spin :spinning="loading" :absolute="true" />
       </div>
       </div>
       <Empty v-show="!isNull" />
       <Empty v-show="!isNull" />

@@ -239,7 +239,13 @@
         </div>
         </div>
       </template>
       </template>
     </BasicTable>
     </BasicTable>
-    <BasicModal @register="registerModal" width="50%" destroy-on-close>
+    <BasicModal
+      @register="registerModal"
+      title="历史数据"
+      width="50%"
+      destroy-on-close
+      dialogClass="history-modal"
+    >
       <HistoryData :deviceDetail="props.deviceDetail" :attr="socketInfo.attr" />
       <HistoryData :deviceDetail="props.deviceDetail" :attr="socketInfo.attr" />
     </BasicModal>
     </BasicModal>
   </PageWrapper>
   </PageWrapper>
@@ -254,3 +260,9 @@
     padding-top: 0;
     padding-top: 0;
   }
   }
 </style>
 </style>
+
+<style>
+  .history-modal .ant-input-number {
+    min-width: 0 !important;
+  }
+</style>