sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve touch controls for video scaling on mobile devices

Browse Source 
Adjust touch overlay positioning on the VideoPage component to prevent interference with bottom video controls, allowing for proper scaling actions on mobile.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
This commit is contained in:
sebastjanartic 2025-08-30 23:28:42 +00:00
parent 6c9ee677b2
commit 2c1f1a66be
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/pages/VideoPage.tsx
View File

@ -441,9 +441,9 @@ export default function VideoPage() {
</Button> </Button>
</> </>
)} )}
{/* Touch overlay for mobile swipe detection - positioned on edges only */} {/* Touch overlay for mobile swipe detection - positioned on edges only, avoiding bottom controls */}
<div <div
className="absolute left-0 top-0 w-16 h-full z-10 md:hidden" className="absolute left-0 top-0 w-16 h-3/4 z-10 md:hidden"
onTouchStart={handleTouchStart} onTouchStart={handleTouchStart}
onTouchMove={handleTouchMove} onTouchMove={handleTouchMove}
onTouchEnd={handleTouchEnd} onTouchEnd={handleTouchEnd}
@ -453,7 +453,7 @@ export default function VideoPage() {
}} }}
/> />
<div <div
className="absolute right-0 top-0 w-16 h-full z-10 md:hidden" className="absolute right-0 top-0 w-16 h-3/4 z-10 md:hidden"
onTouchStart={handleTouchStart} onTouchStart={handleTouchStart}
onTouchMove={handleTouchMove} onTouchMove={handleTouchMove}
onTouchEnd={handleTouchEnd} onTouchEnd={handleTouchEnd}