xiaoqidun/ofdgo
1
0
Fork 0
mirror of https://github.com/xiaoqidun/ofdgo.git synced 2026-08-30 12:12:40 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(前端界面): 优化OFDGo WebUI适高、适宽
build.yaml / build (push) Successful in 35s
Details

Browse Source
This commit is contained in:
xiaoqidun
2026-07-08 21:19:51 +08:00
parent ef4028a2fc
commit 9199ae02d8
2 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/webui/ofdgo.css
+2
View File
@@ -472,6 +472,8 @@ body[data-hide-meta] .meta-panel {
} }
.page-frame { .page-frame {
display: grid;
align-items: safe center;
min-width: 100%; min-width: 100%;
min-height: 100%; min-height: 100%;
padding: var(--page-space); padding: var(--page-space);
assets/webui/ofdgo.js
+13 -3
View File
@@ -1197,6 +1197,9 @@ function scrollToPage(index) {
const shell = pageShell(index); const shell = pageShell(index);
if (shell) { if (shell) {
shell.scrollIntoView({ block: state.fitMode === "height" ? "center" : "start", inline: "nearest" }); shell.scrollIntoView({ block: state.fitMode === "height" ? "center" : "start", inline: "nearest" });
if (state.fitMode !== "height") {
el.viewerPanel.scrollTop = Math.max(0, el.viewerPanel.scrollTop - pageSpace());
}
} }
} }
@@ -1838,9 +1841,13 @@ function fitWidth(updateStatus = true) {
return; return;
} }
state.fitMode = "width"; state.fitMode = "width";
const available = Math.max(280, el.pageFrame.clientWidth - pageSpace() * 2); const space = pageSpace();
const available = Math.max(1, el.viewerPanel.clientWidth - space * 2);
const width = Math.max(1, page.width * MM_TO_PX); const width = Math.max(1, page.width * MM_TO_PX);
setScale(available / width, updateStatus, "width"); setScale(available / width, updateStatus, "width");
if (updateStatus) {
scrollToPage(state.pageIndex);
}
} }
function fitHeight(updateStatus = true) { function fitHeight(updateStatus = true) {
@@ -1849,9 +1856,12 @@ function fitHeight(updateStatus = true) {
return; return;
} }
state.fitMode = "height"; state.fitMode = "height";
const available = Math.max(220, el.viewerPanel.clientHeight - pageSpace() * 2); const space = pageSpace();
const availableWidth = Math.max(1, el.viewerPanel.clientWidth - space * 2);
const availableHeight = Math.max(1, el.viewerPanel.clientHeight - space * 2);
const width = Math.max(1, page.width * MM_TO_PX);
const height = Math.max(1, page.height * MM_TO_PX); const height = Math.max(1, page.height * MM_TO_PX);
setScale(available / height, updateStatus, "height"); setScale(Math.min(availableWidth / width, availableHeight / height), updateStatus, "height");
if (updateStatus) { if (updateStatus) {
scrollToPage(state.pageIndex); scrollToPage(state.pageIndex);
} }