diff --git a/assets/webui/index.html b/assets/webui/index.html
index 82d7224..1b9b291 100644
--- a/assets/webui/index.html
+++ b/assets/webui/index.html
@@ -55,10 +55,10 @@
diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index c9dd61f..2ce1d09 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -678,7 +678,8 @@ button:not(:disabled):hover {
color: #1f2428;
}
-.toolbar-select {
+.toolbar-select,
+.form-select {
position: relative;
display: inline-flex;
}
@@ -690,11 +691,13 @@ button:not(:disabled):hover {
color: transparent;
}
-.toolbar-select option {
+.toolbar-select option,
+.form-select option {
color: #1f2428;
}
-.toolbar-select > span {
+.toolbar-select > span,
+.form-select > span {
position: absolute;
inset: 0;
display: flex;
@@ -705,7 +708,8 @@ button:not(:disabled):hover {
pointer-events: none;
}
-.toolbar-select::after {
+.toolbar-select::after,
+.form-select::after {
position: absolute;
right: 7px;
top: calc(50% - 2px);
@@ -717,7 +721,9 @@ button:not(:disabled):hover {
}
.toolbar-select select:disabled + span,
-.toolbar-select:has(select:disabled)::after {
+.toolbar-select:has(select:disabled)::after,
+.form-select select:disabled + span,
+.form-select:has(select:disabled)::after {
opacity: 0.48;
}
@@ -1267,6 +1273,11 @@ button:not(:disabled):hover {
color: #1f2428;
}
+.form-row .form-select select {
+ appearance: none;
+ color: transparent;
+}
+
.form-row textarea {
height: auto;
min-height: var(--control-height);
diff --git a/assets/webui/ofdgo.js b/assets/webui/ofdgo.js
index 648b17d..5419c41 100644
--- a/assets/webui/ofdgo.js
+++ b/assets/webui/ofdgo.js
@@ -1387,6 +1387,7 @@ batchElements.Add.addEventListener("click", () => batchElements.Input.click());
batchElements.Input.addEventListener("change", () => { addBatchFiles(batchElements.Input.files); batchElements.Input.value = ""; });
batchElements.Clear.addEventListener("click", () => { batch.items = []; renderBatchList(); batchElements.Status.textContent = ""; batchElements.Progress.value = 0; });
batchElements.Format.addEventListener("change", updateBatchControls);
+batchElements.DPI.addEventListener("change", updateBatchControls);
batchElements.Close.addEventListener("click", () => batchElements.Panel.close());
batchElements.Cancel.addEventListener("click", cancelBatch);
batchElements.Form.addEventListener("submit", event => { event.preventDefault(); runBatch(); });
@@ -8239,6 +8240,7 @@ function updateBatchControls() {
batchElements.Close.textContent = batch.running ? "收起" : "关闭";
batchElements.Count.textContent = batch.items.length ? `${batch.items.length}个文件` : "";
batchElements.DPIRow.hidden = !(batch.items.length ? batch.items : [null]).some(batchUsesDPI);
+ batchElements.DPI.nextElementSibling.textContent = batchElements.DPI.value;
batchElements.Button.toggleAttribute("data-running", batch.running);
}