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

修改手机端网页样式

Browse Source
This commit is contained in:
whyour 2023-04-06 21:49:42 +08:00
parent 1d2df860e8
commit 59c26d90d3
5 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/index.less
View File

@ -26,8 +26,8 @@ body {
} }
.ant-modal-body { .ant-modal-body {
max-height: calc(80vh - 110px); max-height: calc(90vh - 110px);
max-height: calc(80vh - var(--vh-offset, 110px)); max-height: calc(90vh - var(--vh-offset, 110px));
overflow-y: auto; overflow-y: auto;
} }

2
src/layouts/index.tsx
View File

@ -271,7 +271,7 @@ export default function () {
// @ts-ignore // @ts-ignore
title={ title={
<> <>
<span style={{ fontSize: 16 }}>青龙</span> <span style={{ fontSize: 16, marginRight: 5 }}>青龙</span>
<a <a
href={systemInfo?.changeLogLink} href={systemInfo?.changeLogLink}
target="_blank" target="_blank"

9
src/pages/crontab/index.less
View File

@ -6,8 +6,9 @@
.card-wrapper { .card-wrapper {
.ant-card:last-child { .ant-card:last-child {
.ant-card-body { .ant-card-body {
height: calc(80vh - 367px); min-height: 300px;
height: calc(80vh - var(--vh-offset, 0px) - 367px); height: calc(90vh - 367px);
height: calc(90vh - var(--vh-offset, 0px) - 367px);
overflow-y: auto; overflow-y: auto;
} }
} }
@ -193,8 +194,10 @@ tr.drop-over-upward td {
} }
} }
.crontab-wrapper { body[data-mode='desktop'] {
.crontab-wrapper {
tbody .ant-table-cell { tbody .ant-table-cell {
height: 69px !important; height: 69px !important;
} }
}
} }

2
src/pages/crontab/index.tsx
View File

@ -314,7 +314,7 @@ const Crontab = () => {
{ {
title: '操作', title: '操作',
key: 'action', key: 'action',
width: 100, width: 130,
render: (text, record, index) => { render: (text, record, index) => {
const isPc = !isPhone; const isPc = !isPhone;
return ( return (

2
src/utils/hooks.ts
View File

@ -14,11 +14,13 @@ export const useCtx = () => {
setMarginLeft(0); setMarginLeft(0);
setMarginTop(0); setMarginTop(0);
setIsPhone(true); setIsPhone(true);
document.body.setAttribute('data-mode', 'phone');
} else { } else {
setWidth('100%'); setWidth('100%');
setMarginLeft(0); setMarginLeft(0);
setMarginTop(-72); setMarginTop(-72);
setIsPhone(false); setIsPhone(false);
document.body.setAttribute('data-mode', 'desktop');
} }
}, []); }, []);