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="bg-base-100 rounded-xl border border-base-300 shadow-sm overflow-hidden">
<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">
<tr>
<th class="text-left whitespace-nowrap">Control</th>
@ -110,7 +110,7 @@
<tbody>
<template x-for="control in processedControls" :key="control.controlId">
<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" x-text="control.stats.n || 0"></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="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">
<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>
<table class="table table-xs w-full">
@ -145,7 +145,7 @@
<tr>
<th class="w-10 text-center print:px-1">Day</th>
<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>
</tr>
</thead>
@ -156,7 +156,7 @@
<template x-for="control in controls" :key="control.controlId">
<td class="text-center print:px-1">
<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)"
x-text="getResValue(control, day)"></span>
<span x-show="getResComment(control, day)"