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:
parent
3e803cf71f
commit
fb6351aa29
1 changed files with 4 additions and 4 deletions
|
|
@ -15,14 +15,14 @@
|
|||
background: #333;
|
||||
border-radius: 8px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.scanner-video-box {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 4/3;
|
||||
max-height: 300px;
|
||||
aspect-ratio: 16/9;
|
||||
max-height: 150px;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
|
||||
/* Scanner Controls */
|
||||
.scanner-controls {
|
||||
padding: 15px;
|
||||
padding: 8px;
|
||||
background: #444;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue