fix: disable animations on print and remove minHeight forcing 2 pages
This commit is contained in:
@@ -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>
|
||||
))}
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user