add 32px border around TOTP QR, fixes #71

This commit is contained in:
byte[] 2020-04-02 14:44:48 -04:00
parent 04ec46bc5b
commit 3579429ac1

View file

@ -110,7 +110,10 @@ h1 Two Factor Authentication
strong strong
= @totp_secret = @totp_secret
p p
img src=@totp_qrcode alt="QR Code" svg xmlns="http://www.w3.org/2000/svg" width="392" height="392"
rect fill="#fff" width="392" height="392"
image xlink:href=@totp_qrcode alt="QR Code" x="32" y="32"
h4 Confirm pairing h4 Confirm pairing
p Enter the code generated by your authenticator app into the field below for verification. p Enter the code generated by your authenticator app into the field below for verification.
= text_input f, :twofactor_token, class: "input", placeholder: "6-digit code", autocomplete: "off" = text_input f, :twofactor_token, class: "input", placeholder: "6-digit code", autocomplete: "off"
@ -132,4 +135,4 @@ h1 Two Factor Authentication
= submit "Save Account", class: "button" = submit "Save Account", class: "button"
p = link "Back", to: Routes.pow_registration_path(@conn, :edit) p = link "Back", to: Routes.pow_registration_path(@conn, :edit)