vue-image-crop-upload icon indicating copy to clipboard operation
vue-image-crop-upload copied to clipboard

Image distort on zoom visualizer crop Vertical and Horizontal but preview work fine

Open blenderdeluxe opened this issue 5 years ago • 2 comments

Hi!,

I installed and all its great but the visualizer image on zoom slider distort the image only on visualizer not on preview I show you a example how can fix it? I used Chrome

Screenshot_4

blenderdeluxe avatar Feb 14 '20 16:02 blenderdeluxe

I faced this issue and noticed there was a conflict in style. Images were having a style max-width:100% from tailwind css. I fixed it by adding max-width:unset; to the image.

georgejoseph1994 avatar Apr 21 '20 10:04 georgejoseph1994

Yeah it worked. In my css file i added an exception for the class .vicp-img (which is used by this package for the edit zone image)

.vicp-img{
    max-width:unset;
}

Eboubaker avatar Jun 29 '21 01:06 Eboubaker