修复内容区样式

This commit is contained in:
hanhh 2021-08-15 15:45:18 +08:00
parent d06fccd0d1
commit 7a02fe0d8e
2 changed files with 7 additions and 7 deletions

View File

@ -135,12 +135,13 @@ input:-webkit-autofill:active {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: calc(100vh - 48px); height: calc(100vh - 48px);
height: calc(100vh - var(--vh-offset, 0px) - 48px);
.ant-pro-grid-content.wide { .ant-pro-grid-content.wide {
flex: 1; flex: 1;
.ant-pro-grid-content-children { .ant-pro-grid-content-children {
height: calc(100% - 48px); height: calc(100% - 48px);
height: calc(100% - var(--vh-offset, 0px) - 48px);
> div, > div,
.ant-pro-page-container-children-content,
.log-container, .log-container,
.react-codemirror2, .react-codemirror2,
.CodeMirror { .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) { @media (min-width: 768px) {
.ant-layout-content.ant-pro-basicLayout-content.ant-pro-basicLayout-has-header { .ant-layout-content.ant-pro-basicLayout-content.ant-pro-basicLayout-has-header {
min-height: calc(100vh - 72px); min-height: calc(100vh - 72px);

View File

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