malty/ca-grow-ops-manager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(kiosk): Increase QR code size to 320px with fixed dimensions
Some checks failed
Deploy to Production / deploy (push) Failing after 0s
Details
Test / backend-test (push) Failing after 0s
Details
Test / frontend-test (push) Failing after 0s
Details

Browse source 
- Removed maxWidth constraint that caused scaling
- Set explicit height/width to prevent shrinking
This commit is contained in:
fullsizemalt 2025-12-11 15:59:49 -08:00
parent 58d76fb158
commit b35c32279c
1 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/pages/VisitorKioskPage.tsx
View file

@ -542,15 +542,12 @@ export default function VisitorKioskPage() {
{successData.badgeNumber && ( // Only show QR for Check-IN, not Check-OUT {successData.badgeNumber && ( // Only show QR for Check-IN, not Check-OUT
<div className="mt-8 space-y-6"> <div className="mt-8 space-y-6">
<div className="inline-block bg-white p-6 rounded-2xl shadow-2xl"> <div className="inline-block bg-white p-8 rounded-3xl shadow-2xl">
<div style={{ height: "auto", margin: "0 auto", width: 280 }}> <QRCode
<QRCode size={320}
size={280} style={{ height: 320, width: 320 }}
style={{ height: "auto", maxWidth: "100%", width: "100%" }} value={`${window.location.origin}/badges/${successData.visitId || 'demo-token'}`}
value={`${window.location.origin}/badges/${successData.visitId || 'demo-token'}`} />
viewBox={`0 0 280 280`}
/>
</div>
</div> </div>
<div> <div>