zwave-js / qr

Z-Wave QR code generation utility

Z-Wave JS SmartStart QR Code Generation Utility

Interactive web-based utility to generate SmartStart QR codes for Z-Wave devices.

Usage

Visit https://zwave-js.github.io/qr

qr's Issues

Enhancement : Improve the visuals

Ad discussed on Discord.

This is just a quick edit/mock

250px svg

Surrounding div

width: 250px;
background-color: white;
border-radius: 8px;
padding: 3px;

span for the PIN

display: block;
line-height: 50px;
text-align: center;
font-size: 26px;
color: blue;

Putting the pin or DSK under the image makes sense
I'm also missing a way to download the svg. Maybe it needs to be an img with data URL instead

And anyone reading this.... no! it's not a valid device 😉