Skip to content

fix: QR popup alignment and gap colour#31

Open
rubenhensen wants to merge 2 commits intomainfrom
fix/issue-24
Open

fix: QR popup alignment and gap colour#31
rubenhensen wants to merge 2 commits intomainfrom
fix/issue-24

Conversation

@rubenhensen
Copy link
Contributor

Summary

  • Makes QR code padding/margin symmetrical around the canvas element by adding box-sizing: border-box to .yivi-qr-container, so the 10px padding is included within the declared 250×250 dimensions
  • Sets the gap between the QR canvas and border to white (#ffffff) to match the QR code background, replacing the theme-dependent var(--pg-general-background)

Closes #24

- Set box-sizing: border-box on .yivi-qr-container so the 10px padding is
  included within the declared 250x250 dimensions, making the space around
  the canvas symmetrical on all sides
- Change background from var(--pg-general-background) to #ffffff so the
  gap between the QR canvas and the border is always white, matching the
  QR code's own white background
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

QR popup: fix alignment and gap colour

1 participant