Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: mobile viewport cropping on video element 

Remove fixed minimum dimensions (min-w-512px, min-h-384px) on mobile
viewports and apply them only on desktop (≥640px) using Tailwind sm:
breakpoint.

This fixes issue where video was cropped on mobile devices preventing
access to UI elements like the Windows 11 shutdown button.

Fixes #565
This commit is contained in:
Nitish Agarwal 2025-11-20 12:11:57 +05:30
parent fe77acd5f0
commit 3f454a3424
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/components/WebRTCVideo.tsx
View File

@ -524,7 +524,7 @@ export default function WebRTCVideo() {
controlsList="nofullscreen" controlsList="nofullscreen"
style={videoStyle} style={videoStyle}
className={cx( className={cx(
"max-h-full min-h-[384px] max-w-full min-w-[512px] bg-black/50 object-contain transition-all duration-1000", "max-h-full max-w-full sm:min-h-[384px] sm:min-w-[512px] bg-black/50 object-contain transition-all duration-1000",
{ {
"cursor-none": settings.isCursorHidden, "cursor-none": settings.isCursorHidden,
"opacity-0": "opacity-0":