fix: disable animations on print and remove minHeight forcing 2 pages

This commit is contained in:
2026-06-23 14:05:53 +00:00
parent 1d08f16f73
commit 67ec8a4ca7
3 changed files with 11 additions and 4 deletions
+3 -3
View File
@@ -11,11 +11,11 @@ export const PrintableReport: React.FC<PrintableReportProps> = ({ reports }) =>
<div
id="printable-report-container"
data-report={JSON.stringify(reports)}
className="light bg-white text-slate-900 flex flex-col gap-[20mm]"
style={{ width: '210mm', background: 'white' }}
className="light bg-white text-slate-900 flex flex-col gap-8"
style={{ background: 'white' }}
>
{reports.map((report, idx) => (
<div key={idx} className="report-page bg-white" style={{ minHeight: '297mm' }}>
<div key={idx} className="report-page bg-white w-full h-auto">
<ReportDisplay report={report} />
</div>
))}
+1 -1
View File
@@ -33,7 +33,7 @@ export const ReportDisplay: React.FC<ReportDisplayProps> = ({ report }) => {
const confidence = report?.confidence || 0;
return (
<div className="animate-fade-in w-full max-w-[210mm] mx-auto bg-white dark:bg-slate-900 shadow-xl print:shadow-none print:m-0 print:p-[8mm_12mm] p-[8mm] sm:p-[10mm_12mm] relative flex flex-col justify-between text-slate-800 dark:text-slate-200 border border-slate-200 dark:border-slate-800 rounded-lg print:rounded-none h-auto min-h-[297mm]">
<div className="animate-fade-in w-full max-w-[210mm] mx-auto bg-white dark:bg-slate-900 shadow-xl print:shadow-none print:m-0 print:p-[8mm_12mm] p-[8mm] sm:p-[10mm_12mm] relative flex flex-col justify-between text-slate-800 dark:text-slate-200 border border-slate-200 dark:border-slate-800 rounded-lg print:rounded-none h-auto">
{/* Cabeçalho (Header) */}
<header className="border-b border-slate-100 dark:border-slate-800 pb-2.5">
+7
View File
@@ -42,6 +42,13 @@
* {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
animation: none !important;
transition: none !important;
}
.animate-fade-in {
opacity: 1 !important;
transform: none !important;
}
.app-main-content {