lyqht / mini-qr

Generate customized qr codes easily 👾
https://mini-qr-code-generator.vercel.app
GNU General Public License v3.0
531 stars 73 forks source link

Qr code should be viewable at all times #9

Open lyqht opened 1 year ago

lyqht commented 1 year ago

currently

On desktop, if u have to scroll down to play w the settings at the bottom, you will have to scroll back up to see the preview.

On mobile, it's intentionally designed so the user see the settings first before seeing the QR. However this leads to a similar problem of having to scroll down in order to see the QR

possible solution

For desktop, just make qr code sticky/fixed.

For mobile, there are a few possible ways to do this:

  1. Show a small version of the qr code at the side while user is at settings, then when they reach the actual qr code section, the small qr code should zoom/transform into the main qr code OR
  2. Use a bottom sheet (preferred)
lyqht commented 1 year ago

Fixed this issue for Desktop in https://github.com/lyqht/styled-qr-code-generator/commit/40f03e675bf7e85fceca4a75d8a167a3fe9b3bf4