react-simple-image-slider icon indicating copy to clipboard operation
react-simple-image-slider copied to clipboard

Published 20 hours ago • verified publisher icon kimcoder

responsive

Open alirezahmz opened this issue 4 years ago • 2 comments

how can i responsive?

alirezahmz avatar Jan 20 '21 20:01 alirezahmz

Hi @alirezahm7 Try to modify width, number props Thanks

kimcoder avatar Feb 12 '21 08:02 kimcoder

how can i responsive?

Hi @alirezahm7,

I made it responsive by making a div which has position relative and and i gave the SimpleImageSlider an absolute position => style={{position: 'absolute', top: '0', right: '0'}}. The width and the height are 100%. Make a const ImageSliderStyle = { width: '100%', height: '100%'} and use these keys in your SimpleImageSlider like this: width={ImageSliderStyle.width} and height={ImageSliderStyle.height}.

leGenti avatar Oct 19 '21 15:10 leGenti