style: pagecontainer padding

src/pages/dashboard/components/resource-utilization.tsx

@@ -95,6 +95,7 @@ const UtilizationOvertime: React.FC = () => {
       <LineChart
         data={result}
         locale={locale}
+        height={390}
         labelFormatter={labelFormatter}
         slider={sliderConfig}
       />

src/pages/dashboard/index.tsx

@@ -1,3 +1,4 @@
+import { PageContainer } from '@ant-design/pro-components';
 import { Spin } from 'antd';
 import { useEffect, useState } from 'react';
 import { queryDashboardData } from './apis';
@@ -27,14 +28,16 @@ const Dashboard: React.FC = () => {
     getDashboardData();
   }, []);
   return (
-    <Spin spinning={loading}>
-      <DashboardContext.Provider value={{ ...data }}>
-        <Overview></Overview>
-        <SystemLoad></SystemLoad>
-        <Usage></Usage>
-        <ActiveTable></ActiveTable>
-      </DashboardContext.Provider>
-    </Spin>
+    <PageContainer ghost extra={[]}>
+      <Spin spinning={loading}>
+        <DashboardContext.Provider value={{ ...data }}>
+          <Overview></Overview>
+          <SystemLoad></SystemLoad>
+          <Usage></Usage>
+          <ActiveTable></ActiveTable>
+        </DashboardContext.Provider>
+      </Spin>
+    </PageContainer>
   );
 };