added location field
This commit is contained in:
@ -65,24 +65,28 @@ export default function PrintPage() {
|
||||
</div>
|
||||
|
||||
{/* Printable Sheet Area */}
|
||||
<div className="print-container">
|
||||
{items.map((item, index) => (
|
||||
<div key={item.id} className="label-cell">
|
||||
<div className="qr-wrapper">
|
||||
<QRCode
|
||||
value={item.qrCodeId || item.id}
|
||||
size={64}
|
||||
level="H"
|
||||
style={{ height: "auto", maxWidth: "100%", width: "100%" }}
|
||||
/>
|
||||
{/* Printable Sheet Area */}
|
||||
{Array.from({ length: Math.ceil(items.length / 30) }, (_, pageIndex) => (
|
||||
<div key={pageIndex} className="print-container">
|
||||
{items.slice(pageIndex * 30, (pageIndex + 1) * 30).map((item) => (
|
||||
<div key={item.id} className="label-cell">
|
||||
<div className="qr-wrapper">
|
||||
<QRCode
|
||||
value={item.qrCodeId || item.id}
|
||||
size={64}
|
||||
level="H"
|
||||
style={{ height: "auto", maxWidth: "100%", width: "100%" }}
|
||||
/>
|
||||
</div>
|
||||
<div className="label-text">
|
||||
<div className="item-name">{item.name}</div>
|
||||
<div className="item-sku">{item.qrCodeId}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="label-text">
|
||||
<div className="item-name">{item.name}</div>
|
||||
<div className="item-sku">{item.qrCodeId}</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
))}
|
||||
|
||||
|
||||
<style>{`
|
||||
/* Standard View Adjustments */
|
||||
@ -125,7 +129,7 @@ export default function PrintPage() {
|
||||
|
||||
.item-name {
|
||||
font-weight: bold;
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.55rem;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@ -147,6 +151,8 @@ export default function PrintPage() {
|
||||
body {
|
||||
background-color: white !important;
|
||||
-webkit-print-color-adjust: exact;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.no-print, nav, .navbar {
|
||||
@ -159,12 +165,13 @@ export default function PrintPage() {
|
||||
grid-template-columns: repeat(3, 2.625in);
|
||||
grid-template-rows: repeat(10, 1in);
|
||||
gap: 0;
|
||||
padding: 0.5in 0.21975in; /* Top/Bottom 0.5", Left/Right approx 0.22" */
|
||||
padding: 0.5in 0.1250in; /* Top/Bottom 0.5", Left/Right approx 0.1250" */
|
||||
width: 8.5in;
|
||||
height: 11in;
|
||||
background: white;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
break-after:page;
|
||||
}
|
||||
|
||||
.print-container {
|
||||
|
||||
Reference in New Issue
Block a user