added location field

This commit is contained in:
2026-04-13 15:54:00 -04:00
parent 9b746388fd
commit 6f37ca38b5
8 changed files with 154 additions and 37 deletions

View File

@ -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 {