修复样式问题。
This commit is contained in:
parent
cc395cc0dd
commit
19ee89418a
@ -3,8 +3,9 @@
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
&-container {
|
||||
height: calc(100vh - 170px);
|
||||
height: 100%;
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
@ -21,23 +22,26 @@
|
||||
|
||||
&-content {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
padding: 16px;
|
||||
flex: 1;
|
||||
min-height: 0; // 允许内容区域收缩
|
||||
padding: 8px; // 减小内边距
|
||||
min-height: 0; // 允许内容区域收缩
|
||||
padding: 8px; // 减小内边距
|
||||
background: #fafafa;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
&-graph {
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
min-height: 0; // 允许内容区域收缩
|
||||
min-height: 0; // 允许内容区域收缩
|
||||
background: #fff;
|
||||
border: 1px solid #f0f0f0;
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
&-minimap {
|
||||
position: absolute;
|
||||
right: 24px;
|
||||
@ -51,36 +55,42 @@
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-card {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.ant-card-head {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.ant-card-body {
|
||||
flex: 1;
|
||||
padding: 0;
|
||||
min-height: 0; // 允许内容区域收缩
|
||||
|
||||
.ant-card-body {
|
||||
height: calc(100% - 57px);
|
||||
padding: 0;
|
||||
|
||||
.ant-card {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.ant-card-head {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.ant-card-body {
|
||||
flex: 1;
|
||||
padding: 0;
|
||||
min-height: 0; // 允许内容区域收缩
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ant-layout {
|
||||
flex: 1;
|
||||
min-height: 0; // 允许内容区域收缩
|
||||
background: #fff;
|
||||
display: flex;
|
||||
|
||||
.ant-layout-content {
|
||||
|
||||
.ant-layout {
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
padding: 8px; // 减小内边距
|
||||
background: #fafafa;
|
||||
min-height: 0; // 允许内容区域收缩
|
||||
background: #fff;
|
||||
display: flex;
|
||||
|
||||
.ant-layout-content {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
padding: 8px; // 减小内边距
|
||||
background: #fafafa;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user