Giter Club home page Giter Club logo

Comments (7)

schlagmichdoch avatar schlagmichdoch commented on May 21, 2024

Which device did you use to present the QR Code with?

It's important to keep it possible to use the feature on small displays.

How big would be big enough?

Samsung S20:

from pairdrop.

zhdenny avatar zhdenny commented on May 21, 2024

I understand the QR code needs to be sized small enough to fit on small displays (like phones).

Usually, websites are resized when viewed via Mobile or Desktop. I can see this is the case with PairDrop in a lot of ways....except the QR Code. Can the QR code be one size in Mobile webview and a larger size in Desktop webview? Just a thought because the QR Code is incredibly small when viewed on a typical Desktop web browser. When scanning that QR code with a phone I actually have to zoom the camera in pretty far to pick it up.

I frankly feel like the QR Code is even small on a Phone Display too though. This is a screenshot from my Pixel 7 device. That QR code is tiny if you think of the size of a phone.

image

from pairdrop.

schlagmichdoch avatar schlagmichdoch commented on May 21, 2024

Probably the problem is bigger on desktop as the resolution is higher and therefor the QR code appears smaller.

I suggest making the QR code size 5 on Desktop and size 4 on mobile. What do you think?

from pairdrop.

zhdenny avatar zhdenny commented on May 21, 2024

I don't know what those numbers mean...sorry.

from pairdrop.

schlagmichdoch avatar schlagmichdoch commented on May 21, 2024

from pairdrop.

zhdenny avatar zhdenny commented on May 21, 2024

Seems fine I guess.

from pairdrop.

schlagmichdoch avatar schlagmichdoch commented on May 21, 2024

This is implemented by 0eb13d9 and live on pairdrop.net

from pairdrop.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.