修复定时任务日志滚动

This commit is contained in:
whyour 2023-08-25 09:05:32 +08:00
parent 5907553670
commit e7be4999b0
4 changed files with 48 additions and 36 deletions

View File

@ -39,8 +39,16 @@ body {
.ant-modal-body { .ant-modal-body {
overflow-y: auto; overflow-y: auto;
min-height: 300px; min-height: 300px;
max-height: 80vh; max-height: calc(80vh - 110px);
max-height: calc(80vh - var(--vh-offset, 0px)); max-height: calc(80vh - var(--vh-offset, 110px));
padding: 0;
display: flex;
.log-container {
width: 100%;
padding: 24px;
overflow-y: auto;
}
} }
pre { pre {

View File

@ -50,8 +50,8 @@ const CronLogModal = ({
log && !logEnded(log) && !log.includes('任务未运行'), log && !logEnded(log) && !log.includes('任务未运行'),
); );
setExecuting(hasNext); setExecuting(hasNext);
autoScroll();
if (hasNext) { if (hasNext) {
autoScroll();
setTimeout(() => { setTimeout(() => {
getCronLog(); getCronLog();
}, 2000); }, 2000);
@ -74,7 +74,7 @@ const CronLogModal = ({
document document
.querySelector('#log-flag')! .querySelector('#log-flag')!
.scrollIntoView({ behavior: 'smooth' }); .scrollIntoView({ behavior: 'smooth' });
}, 1000); }, 600);
}; };
const cancel = () => { const cancel = () => {

View File

@ -130,6 +130,7 @@ const DependenceLogModal = ({
</Button>, </Button>,
]} ]}
> >
<div className="log-container">
{loading ? ( {loading ? (
<PageLoading /> <PageLoading />
) : ( ) : (
@ -146,6 +147,7 @@ const DependenceLogModal = ({
<Ansi>{value}</Ansi> <Ansi>{value}</Ansi>
</pre> </pre>
)} )}
</div>
</Modal> </Modal>
); );
}; };

View File

@ -108,6 +108,7 @@ const SubscriptionLogModal = ({
</Button>, </Button>,
]} ]}
> >
<div className="log-container">
{loading ? ( {loading ? (
<PageLoading /> <PageLoading />
) : ( ) : (
@ -124,6 +125,7 @@ const SubscriptionLogModal = ({
{value} {value}
</pre> </pre>
)} )}
</div>
</Modal> </Modal>
); );
}; };