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;
|
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue