fix: improve print layout and exclude paid bills
- Force white background on print preview page regardless of color scheme - Exclude paid bills from print view - Add proper spacing for printed barcodes - Remove legacy barcodeImage support 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -24,6 +24,12 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
|
||||
return (
|
||||
<>
|
||||
{/* Print-specific CSS styles */}
|
||||
<style jsx global>{`
|
||||
html {
|
||||
background-color: white !important;
|
||||
color-scheme: light !important;
|
||||
}
|
||||
`}</style>
|
||||
<style jsx>{`
|
||||
@media print {
|
||||
@page {
|
||||
@@ -132,7 +138,7 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
|
||||
<td className="border-2 border-gray-800 px-3 py-1.5 text-center">
|
||||
<div className="flex justify-center items-center">
|
||||
{
|
||||
item.hub3aText ? <Pdf417Barcode hub3aText={item.hub3aText} /> : null
|
||||
item.hub3aText ? <Pdf417Barcode hub3aText={item.hub3aText} className="print:m-[5em_auto]" /> : null
|
||||
}
|
||||
</div>
|
||||
</td>
|
||||
|
||||
Reference in New Issue
Block a user