Sharang Parnerkar
fc4d5d8c56
Inline <style> tags in React body are unreliable for @media print in Chrome. Move all print CSS to app/pitch-print/print.css imported via a layout.tsx — Next.js injects this as a proper <link> in <head>, which is guaranteed to be applied before print rendering. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
39 lines
711 B
CSS
39 lines
711 B
CSS
@media screen {
|
|
body { background: #d1d5db; }
|
|
}
|
|
|
|
@media print {
|
|
@page {
|
|
size: A4 landscape;
|
|
margin: 0;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
.no-print {
|
|
display: none !important;
|
|
}
|
|
|
|
.print-deck-wrapper {
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.print-page {
|
|
page-break-after: always !important;
|
|
break-after: page !important;
|
|
page-break-inside: avoid !important;
|
|
break-inside: avoid !important;
|
|
margin: 0 !important;
|
|
box-shadow: none !important;
|
|
width: 297mm !important;
|
|
height: 210mm !important;
|
|
display: flex !important;
|
|
flex-direction: column !important;
|
|
}
|
|
}
|