open-source/qinglong
1
0
Fork 0
mirror of https://github.com/whyour/qinglong.git synced 2025-05-24 15:30:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复移动端无法打开脚本管理、任务日志

Browse Source
This commit is contained in:
hanhh 2021-08-29 00:34:47 +08:00
parent 8cef0b6216
commit 7eed47cd8e
4 changed files with 9 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/layouts/index.less
View File

@ -51,8 +51,7 @@ body {
overflow: auto; overflow: auto;
.ant-pro-page-container-children-content { .ant-pro-page-container-children-content {
overflow: auto; overflow: auto;
height: calc(100vh - 96px); height: 100%;
height: calc(100vh - var(--vh-offset, 0px) - 96px);
background-color: #fff; background-color: #fff;
padding: 16px; padding: 16px;
} }
@ -77,7 +76,7 @@ body {
.log-wrapper { .log-wrapper {
.log-select { .log-select {
width: 300px; width: 250px;
} }
.ant-page-header-heading-left { .ant-page-header-heading-left {
min-width: 100px; min-width: 100px;
@ -140,7 +139,6 @@ input:-webkit-autofill:active {
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,
.log-container, .log-container,
.react-codemirror2, .react-codemirror2,
@ -152,22 +150,11 @@ input:-webkit-autofill:active {
} }
@media (max-width: 768px) { @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);
}
}
.ql-container-wrapper { .ql-container-wrapper {
&.crontab-wrapper, &.crontab-wrapper,
&.log-wrapper, &.log-wrapper,
&.env-wrapper, &.env-wrapper,
&.config-wrapper { &.config-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 { .CodeMirror {
width: calc(100vw - 80px); width: calc(100vw - 80px);
} }

4
src/pages/log/index.tsx
View File

@ -105,7 +105,9 @@ const Log = ({ headerStyle, isPhone, theme }: any) => {
useEffect(() => { useEffect(() => {
getLogs(); getLogs();
setHeight(treeDom.current.clientHeight); if (treeDom && treeDom.current) {
setHeight(treeDom.current.clientHeight);
}
}, []); }, []);
return ( return (

4
src/pages/script/index.tsx
View File

@ -192,7 +192,9 @@ const Script = ({ headerStyle, isPhone, theme }: any) => {
useEffect(() => { useEffect(() => {
getScripts(); getScripts();
setHeight(treeDom.current.clientHeight); if (treeDom && treeDom.current) {
setHeight(treeDom.current.clientHeight);
}
}, []); }, []);
return ( return (

2
src/utils/hooks.ts
View File

@ -9,7 +9,7 @@ export const useCtx = () => {
const { platform } = useMemo(() => browserType(), []); const { platform } = useMemo(() => browserType(), []);
useEffect(() => { useEffect(() => {
if (platform === 'mobile' || document.body.offsetWidth < 768) { if (platform === 'mobile' && document.body.offsetWidth < 768) {
setWidth('auto'); setWidth('auto');
setMarginLeft(0); setMarginLeft(0);
setMarginTop(0); setMarginTop(0);