gsadmin/meet
1
0
Fork 0
mirror of https://github.com/suitenumerique/meet.git synced 2026-07-26 11:58:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixup! ✨(frontend) add useScreenShareZoom hook for zoom and pan state management

Browse Source
This commit is contained in:
Cyril
2026-07-13 16:00:01 +02:00
parent 66221eb17f
commit e3dd317c8a
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/frontend/src/features/rooms/livekit/hooks/useScreenShareZoom.ts
+8 -8
View File
@@ -79,14 +79,20 @@ export function useScreenShareZoom() {
)
const handleWheel = useCallback(
(e: React.WheelEvent<HTMLDivElement>) => {
// Match browser zoom gesture (Ctrl/Cmd + scroll).
(e: WheelEvent) => {
if (!e.ctrlKey && !e.metaKey) return
e.preventDefault()
e.stopPropagation()
const target = e.currentTarget as HTMLElement
const delta = -e.deltaY * WHEEL_ZOOM_SPEED
const rect = target.getBoundingClientRect()
const cursorXPercent =
((e.clientX - rect.left) / rect.width) * 100 - PAN_CLAMP_HALF
const cursorYPercent =
((e.clientY - rect.top) / rect.height) * 100 - PAN_CLAMP_HALF
setZoomLevel((prev) => {
const next = clampZoom(prev + delta)
@@ -95,12 +101,6 @@ export function useScreenShareZoom() {
return MIN_ZOOM
}
const rect = e.currentTarget.getBoundingClientRect()
const cursorXPercent =
((e.clientX - rect.left) / rect.width) * 100 - PAN_CLAMP_HALF
const cursorYPercent =
((e.clientY - rect.top) / rect.height) * 100 - PAN_CLAMP_HALF
setPanOffset((pan) => {
const zoomRatio = next / prev
return clampPan(