refine printed report table sizing and font styles

This commit is contained in:
mahdahar 2026-03-03 10:07:36 +07:00
parent 578b87b2d7
commit 1440f01024

View File

@ -94,7 +94,7 @@
<div class="mb-4 print:mb-2"> <div class="mb-4 print:mb-2">
<div class="bg-base-100 rounded-xl border border-base-300 shadow-sm overflow-hidden"> <div class="bg-base-100 rounded-xl border border-base-300 shadow-sm overflow-hidden">
<div class="overflow-x-auto"> <div class="overflow-x-auto">
<table class="table table-sm w-full"> <table class="table table-xs w-full">
<thead class="bg-base-200/50"> <thead class="bg-base-200/50">
<tr> <tr>
<th class="text-left whitespace-nowrap">Control</th> <th class="text-left whitespace-nowrap">Control</th>
@ -110,7 +110,7 @@
<tbody> <tbody>
<template x-for="control in processedControls" :key="control.controlId"> <template x-for="control in processedControls" :key="control.controlId">
<tr class="hover:bg-base-200/30"> <tr class="hover:bg-base-200/30">
<td class="font-bold whitespace-nowrap" x-text="control.controlName"></td> <td class="font-bold whitespace-nowrap text-[11px]" x-text="control.controlName"></td>
<td class="text-center font-mono text-[10px]" x-text="control.lot || 'N/A'"></td> <td class="text-center font-mono text-[10px]" x-text="control.lot || 'N/A'"></td>
<td class="text-center font-mono" x-text="control.stats.n || 0"></td> <td class="text-center font-mono" x-text="control.stats.n || 0"></td>
<td class="text-center font-mono" x-text="formatNum(control.stats.mean)"></td> <td class="text-center font-mono" x-text="formatNum(control.stats.mean)"></td>
@ -137,7 +137,7 @@
<div class="w-full lg:w-1/2"> <div class="w-full lg:w-1/2">
<div class="bg-base-100 rounded-xl border border-base-300 shadow-sm overflow-hidden"> <div class="bg-base-100 rounded-xl border border-base-300 shadow-sm overflow-hidden">
<div class="p-4 border-b border-base-300 bg-base-200/50 print:p-2"> <div class="p-4 border-b border-base-300 bg-base-200/50 print:p-2">
<h3 class="font-bold text-sm uppercase tracking-widest opacity-70 print:text-[10px]">Daily Results Log</h3> <h3 class="font-bold text-sm uppercase tracking-widest opacity-70">Daily Results Log</h3>
</div> </div>
<div> <div>
<table class="table table-xs w-full"> <table class="table table-xs w-full">
@ -145,7 +145,7 @@
<tr> <tr>
<th class="w-10 text-center print:px-1">Day</th> <th class="w-10 text-center print:px-1">Day</th>
<template x-for="control in controls" :key="control.controlId"> <template x-for="control in controls" :key="control.controlId">
<th class="text-center print:px-1 whitespace-normal break-words min-w-[60px] max-w-[100px] leading-tight" x-text="control.controlName"></th> <th class="text-center print:px-1 whitespace-normal break-words min-w-[60px] max-w-[100px] leading-tight text-[10px]" x-text="control.controlName"></th>
</template> </template>
</tr> </tr>
</thead> </thead>
@ -156,7 +156,7 @@
<template x-for="control in controls" :key="control.controlId"> <template x-for="control in controls" :key="control.controlId">
<td class="text-center print:px-1"> <td class="text-center print:px-1">
<div class="flex flex-col gap-0.5"> <div class="flex flex-col gap-0.5">
<span class="font-mono text-[11px] print:text-[10px]" <span class="font-mono" style="font-size: 12px;"
:class="getValueClass(control, day)" :class="getValueClass(control, day)"
x-text="getResValue(control, day)"></span> x-text="getResValue(control, day)"></span>
<span x-show="getResComment(control, day)" <span x-show="getResComment(control, day)"