修复内容区样式

src/layouts/index.less

@@ -135,12 +135,13 @@ input:-webkit-autofill:active {
   display: flex;
   flex-direction: column;
   height: calc(100vh - 48px);
+  height: calc(100vh - var(--vh-offset, 0px) - 48px);
   .ant-pro-grid-content.wide {
     flex: 1;
     .ant-pro-grid-content-children {
       height: calc(100% - 48px);
+      height: calc(100% - var(--vh-offset, 0px) - 48px);
       > div,
-      .ant-pro-page-container-children-content,
       .log-container,
       .react-codemirror2,
       .CodeMirror {
@@ -178,6 +179,10 @@ input:-webkit-autofill:active {
   }
 }
 
+.ant-layout-content.ant-pro-basicLayout-content.ant-pro-basicLayout-has-header {
+  margin-bottom: 0 !important;
+}
+
 @media (min-width: 768px) {
   .ant-layout-content.ant-pro-basicLayout-content.ant-pro-basicLayout-has-header {
     min-height: calc(100vh - 72px);

src/pages/setting/index.tsx

@@ -80,12 +80,7 @@ const Password = () => {
         style: headerStyle,
       }}
     >
-      <Tabs
-        defaultActiveKey="person"
-        size="small"
-        tabPosition="top"
-        style={{ height: 'calc(100vh - var(--vh-offset, 0px) - 128px)' }}
-      >
+      <Tabs defaultActiveKey="person" size="small" tabPosition="top">
         <Tabs.TabPane tab="个人设置" key="person">
           <Form onFinish={handleOk} layout="vertical">
             <Form.Item