Compress scanner window for more space on mobile

- Reduced video box height to 150px
- Changed aspect ratio to 16:9
- Reduced padding and margins

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Eduard Wisch 2026-02-17 11:34:39 +01:00
parent 3e803cf71f
commit fb6351aa29

View file

@ -15,14 +15,14 @@
background: #333; background: #333;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
margin-bottom: 15px; margin-bottom: 10px;
} }
.scanner-video-box { .scanner-video-box {
position: relative; position: relative;
width: 100%; width: 100%;
aspect-ratio: 4/3; aspect-ratio: 16/9;
max-height: 300px; max-height: 150px;
background: #000; background: #000;
} }
@ -56,7 +56,7 @@
/* Scanner Controls */ /* Scanner Controls */
.scanner-controls { .scanner-controls {
padding: 15px; padding: 8px;
background: #444; background: #444;
} }