Prechádzať zdrojové kódy

fix(reports): enlarge vocabulary text for readable A4 printing

彭峰 10 hodín pred
rodič
commit
5dda768ba9

+ 12 - 4
projects/xiaoshu-admin/src/app/pages/operations-learning-reports.component.scss

@@ -370,7 +370,8 @@
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
-  font-size: 11px;
+  font-size: 22px;
+  line-height: 1.5;
 }
 .word-table thead {
   display: table-header-group;
@@ -386,6 +387,7 @@
 .word-table th {
   background: #eef5f2;
   color: #53665f;
+  font-size: 16px;
 }
 .word-table th:first-child,
 .word-table td:first-child {
@@ -405,9 +407,15 @@
   display: block;
   margin-top: 3px;
   color: #788781;
-  font-size: 9px;
+  font-size: 18px;
   font-style: normal;
 }
+.word-table strong {
+  font-size: 28px;
+}
+.word-row {
+  break-inside: avoid;
+}
 .word-table [data-result="mastered"] {
   color: #197052;
 }
@@ -425,7 +433,7 @@
 .worksheet-table th:nth-child(odd), .worksheet-table td:nth-child(odd) { width: 24%; }
 .worksheet-table th:nth-child(even), .worksheet-table td:nth-child(even) { width: 26%; }
 .worksheet-table th:first-child, .worksheet-table td:first-child { text-align: left; }
-.worksheet-table td { height: 42px; vertical-align: middle; }
+.worksheet-table td { height: 64px; vertical-align: middle; }
 .worksheet-table .worksheet-empty { background: #fff; }
 .worksheet-sheet { min-height: 0; padding-bottom: 7mm; }
 .worksheet-sheet .pdf-title { padding-bottom: 14px; }
@@ -433,7 +441,7 @@
 .worksheet-sheet .report-meta div { padding: 8px 10px; }
 .worksheet-sheet .pdf-section { margin-top: 14px; }
 .worksheet-sheet .worksheet-table th, .worksheet-sheet .worksheet-table td { padding: 7px 6px; }
-.word-prompt { font-weight: 600; }
+.word-prompt { font-size: 24px; font-weight: 600; }
 .review-words { font-size: 10px; line-height: 1.8; overflow-wrap: anywhere; }
 .review-section { break-inside: avoid; }
 .review-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 9px; break-inside: avoid; }

+ 12 - 4
projects/xiaoshu-mobile/src/app/features/appointment/lesson-report-pdf.component.scss

@@ -111,7 +111,8 @@
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
-  font-size: 11px;
+  font-size: 22px;
+  line-height: 1.5;
 }
 .word-table thead {
   display: table-header-group;
@@ -127,6 +128,7 @@
 .word-table th {
   background: #eef5f2;
   color: #53665f;
+  font-size: 16px;
 }
 .word-table th:first-child,
 .word-table td:first-child {
@@ -146,9 +148,15 @@
   display: block;
   margin-top: 3px;
   color: #788781;
-  font-size: 9px;
+  font-size: 18px;
   font-style: normal;
 }
+.word-table strong {
+  font-size: 28px;
+}
+.word-row {
+  break-inside: avoid;
+}
 .word-table [data-result="mastered"] {
   color: #197052;
 }
@@ -200,7 +208,7 @@
 .worksheet-table th:nth-child(odd), .worksheet-table td:nth-child(odd) { width: 24%; }
 .worksheet-table th:nth-child(even), .worksheet-table td:nth-child(even) { width: 26%; }
 .worksheet-table th:first-child, .worksheet-table td:first-child { text-align: left; }
-.worksheet-table td { height: 42px; vertical-align: middle; }
+.worksheet-table td { height: 64px; vertical-align: middle; }
 .worksheet-table .worksheet-empty { background: #fff; }
 .worksheet-sheet { min-height: 0; padding-bottom: 7mm; }
 .worksheet-sheet .pdf-title { padding-bottom: 14px; }
@@ -208,4 +216,4 @@
 .worksheet-sheet .report-meta div { padding: 8px 10px; }
 .worksheet-sheet .pdf-section { margin-top: 14px; }
 .worksheet-sheet .worksheet-table th, .worksheet-sheet .worksheet-table td { padding: 7px 6px; }
-.word-prompt { font-weight: 600; }
+.word-prompt { font-size: 24px; font-weight: 600; }