open-source/qinglong
1
0
Fork 0
mirror of https://github.com/whyour/qinglong.git synced 2026-08-13 04:02:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复移动端100vh兼容性

Browse Source
This commit is contained in:
whyour
2021-05-11 19:37:37 +08:00
parent d9db5442d3
commit 49a3662788
12 changed files with 45 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/index.less
+27 -6
View File
@@ -6,10 +6,13 @@ body {
@import '~codemirror/lib/codemirror.css';
.code-mirror-wrapper .CodeMirror {
position: absolute;
height: calc(100vh - 128px);
width: calc(100% - 32px);
.ql-container-wrapper {
.CodeMirror {
position: absolute;
height: calc(100vh - 128px);
height: calc(100vh - var(--vh-offset, 0px) - 128px);
width: calc(100% - 32px);
}
}
.ant-pro-grid-content.wide {
@@ -18,6 +21,7 @@ body {
.ant-pro-page-container-children-content {
overflow: auto;
height: calc(100vh - 96px);
height: calc(100vh - var(--vh-offset, 0px) - 96px);
background-color: #fff;
padding: 16px;
}
@@ -29,13 +33,30 @@ body {
}
}
.log-select {
width: 300px;
}
@media (max-width: 768px) {
.ant-pro-grid-content.wide {
.ant-pro-page-container-children-content {
height: calc(100vh - 144px);
height: calc(100vh - var(--vh-offset, 0px) - 144px);
}
}
.code-mirror-wrapper .CodeMirror {
height: calc(100vh - 176px);
.ql-container-wrapper {
&.crontab-wrapper {
.ant-pro-grid-content.wide .ant-pro-page-container-children-content {
height: calc(100vh - 184px);
height: calc(100vh - var(--vh-offset, 0px) - 184px);
}
}
.CodeMirror {
height: calc(100vh - 176px);
height: calc(100vh - var(--vh-offset, 0px) - 176px);
}
}
.log-select {
width: 200px;
}
}