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

feat(打印能力): 优化打印文案、选项与底栏布局
build.yaml / build (push) Successful in 43s
Details

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-24 21:50:22 +08:00
1 parent 615f94bcac
commit a022c3e636
3 files changed
+29 -35
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/webui/ofdgo.css
+17 -22
View File
@@ -33,12 +33,14 @@
.print-content {
display: grid;
grid-template-columns: 310px minmax(0, 1fr);
height: min(62dvh, 660px);
min-height: 240px;
gap: 14px;
}
.print-settings {
min-width: 0;
max-height: calc(100dvh - 230px);
max-height: 100%;
margin: 0;
padding: 0 8px 0 0;
overflow: auto;
@@ -64,28 +66,20 @@
.print-field > span { flex: none; color: var(--text-muted); white-space: nowrap; }
.print-dialog .print-settings .print-margins input { padding: 0 3px; text-align: center; }
.print-check { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.print-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: var(--control-height); align-items: center; gap: 8px; margin: 12px 0 0 calc(4em + 8px); }
.print-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(90px, 1fr); grid-auto-rows: var(--control-height); align-items: center; gap: 8px; margin-top: 12px; }
.print-options label { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.print-check input, .print-options input { margin: 0; accent-color: var(--accent); }
.print-dialog .form-actions { grid-template-columns: minmax(0, 1fr) 80px 80px; margin-top: 12px; }
.print-dialog .form-actions > .form-status { overflow-wrap: anywhere; }
.print-dialog .form-actions > .form-status:empty { display: none; }
.print-dialog .form-actions > button:first-of-type { grid-column: 2; }
.print-preview {
display: flex;
min-width: 0;
min-height: 300px;
flex-direction: column;
gap: 8px;
}
.print-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; margin-top: 12px; }
.print-footer > .form-status { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.print-dialog .form-actions { grid-template-columns: 80px 80px; margin: 0; }
.print-preview-page {
display: grid;
height: min(62dvh, 660px);
min-height: 240px;
justify-items: center;
align-items: start;
min-width: 0;
height: 100%;
min-height: 0;
justify-items: safe center;
align-items: safe center;
padding: 12px;
overflow: auto;
background: #e1e6e9;
@@ -99,13 +93,14 @@
#ofdgoPrintDocument { display: none; }
@media (max-width: 680px) {
.print-content { grid-template-columns: minmax(0, 1fr); }
.print-content { grid-template-columns: minmax(0, 1fr); height: auto; min-height: 0; }
.print-settings { max-height: 34dvh; }
.print-preview-page { height: 32dvh; min-height: 160px; }
.print-preview { min-height: 210px; }
.print-footer { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.print-footer > .form-status:empty { display: none; }
.print-preview-tools { gap: 5px; }
.print-dialog .print-preview-tools input { width: 42px; }
.print-dialog .form-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.print-dialog .form-actions > .form-status { grid-column: 1 / -1; }
.print-dialog .form-actions > button:first-of-type { grid-column: 1; }
}
@media print {