knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

manually fixed print layout to 4 qr codes per A4

Browse Source
This commit is contained in:
Nikola Derežić
2025-10-15 16:58:03 +02:00
parent 0071293ea6
commit f6edea79e7
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/ui/PrintPreview.tsx
View File

@@ -24,10 +24,10 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
<> <>
{/* Print-specific CSS styles */} {/* Print-specific CSS styles */}
<style jsx>{` <style jsx>{`
@media print { @media screen {
@page { @page {
size: A4; size: A4;
margin: 1in; margin: 0;
} }
body { body {
@@ -68,22 +68,19 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
.print-table td { .print-table td {
border: 2px solid black !important; border: 2px solid black !important;
background: white !important; background: white !important;
vertical-align: top;
} }
.print-table th { .print-table th {
padding: 8px 12px !important; padding: 8px 12px !important;
} }
.print-table td {
padding: 16px 12px !important;
}
.print-table thead tr { .print-table thead tr {
background: #f5f5f5 !important; background: #f5f5f5 !important;
} }
.print-table .space-y-1 > * + * { .print-table td img {
margin-top: 0.5rem !important; margin: 5em auto;
} }
} }
`}</style> `}</style>