groove/Part-DB-server
1
0
Fork 0
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2026-01-19 16:49:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 11

shrink camera height on mobile so augmented information can been viewed onscreen

Browse source
This commit is contained in:
swdee 2026-01-16 23:31:21 +13:00
parent d6eae90e04
commit 4eb96b0367
1 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/controllers/pages/barcode_scan_controller.js
View file

@ -36,6 +36,8 @@ export default class extends Controller {
this.bindModeToggles();
const isMobile = window.matchMedia("(max-width: 768px)").matches;
//This function ensures, that the qrbox is 70% of the total viewport
let qrboxFunction = function(viewfinderWidth, viewfinderHeight) {
let minEdgePercentage = 0.7; // 70%
@ -55,6 +57,8 @@ export default class extends Controller {
this._scanner = new Html5QrcodeScanner(this.element.id, {
fps: 10,
qrbox: qrboxFunction,
// Key change: shrink preview height on mobile
...(isMobile ? { aspectRatio: 1.0 } : {}),
experimentalFeatures: {
//This option improves reading quality on android chrome
useBarCodeDetectorIfSupported: true,