fix: real size preview image drag offset

stafyniaksacha · stafyniaksacha · commit 41c2a426c676 · 2023-02-27T02:04:18.000+01:00
diff --git a/client/components/MediaPreviewImage.vue b/client/components/MediaPreviewImage.vue
@@ -36,8 +36,8 @@ function onMousemove (e: MouseEvent) {
   if (!e.screenX && !e.screenY) { return } // don't move if mouse is out of the screen
   if (!imageRef.value) { return }
 
-  offsetX.value = e.clientX - initialX.value - 128 // 128 = mx-32 (magin present on X axis on MediaPreview container)
-  offsetY.value = e.clientY - initialY.value - 96 // 96 = my-24 (magin present on Y axis on on MediaPreview container)
+  offsetX.value = e.clientX - initialX.value
+  offsetY.value = e.clientY - initialY.value
 }
 
 function onMouseup (e: MouseEvent) {

Original file line number	Diff line number	Diff line change
`@@ -36,8 +36,8 @@ function onMousemove (e: MouseEvent) {`
`36`	`36`	`if (!e.screenX && !e.screenY) { return } // don't move if mouse is out of the screen`
`37`	`37`	`if (!imageRef.value) { return }`
`38`	`38`
`39`		`- offsetX.value = e.clientX - initialX.value - 128 // 128 = mx-32 (magin present on X axis on MediaPreview container)`
`40`		`- offsetY.value = e.clientY - initialY.value - 96 // 96 = my-24 (magin present on Y axis on on MediaPreview container)`
	`39`	`+ offsetX.value = e.clientX - initialX.value`
	`40`	`+ offsetY.value = e.clientY - initialY.value`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`function onMouseup (e: MouseEvent) {`