马一丁

Optimize the display of the download button

... ... @@ -1313,7 +1313,7 @@
padding: 15px;
border-bottom: 2px solid #000000;
background-color: #f8f9fa;
flex-wrap: wrap;
flex-wrap: nowrap;
}
.report-button {
... ... @@ -1349,7 +1349,7 @@
display: flex;
gap: 8px;
margin-left: auto;
flex-wrap: wrap;
flex-wrap: nowrap;
align-items: center;
}
... ... @@ -1358,6 +1358,12 @@
min-width: 118px;
}
#downloadPdfButton,
#downloadMdButton {
padding: 10px 10px;
min-width: 96px;
}
@media (max-width: 768px) {
.report-controls {
flex-direction: column;
... ... @@ -1369,6 +1375,11 @@
margin-left: 0;
justify-content: flex-start;
}
#downloadPdfButton,
#downloadMdButton {
min-width: 90px;
}
}
.report-status {
... ... @@ -5127,9 +5138,6 @@ function getConsoleContainer() {
statusHTML += `
<div class="task-actions">
<button class="report-button primary" onclick="viewReport('${task.task_id}')">重新加载</button>
${htmlReady ? `<button class="report-button" onclick="downloadReport('${task.task_id}')">下载HTML</button>` : ''}
${irReady ? `<button class="report-button" onclick="downloadPdfFromPreview('${task.task_id}')">下载PDF</button>` : ''}
${irReady ? `<button class="report-button" onclick="downloadMarkdownFromIr('${task.task_id}')">下载MD</button>` : ''}
</div>
`;
}
... ...