Height and width issue for csv,xlsx and image

[ncmadhan1989]

Height and width issue for csv,xlsx and image it take 96px as default,any solution?

[josedager]

Did you fix it? Can you share your solution?

[Hivemind9000]

Had to figure this out as well. If you want your image to scale to fit your sizing requirements, just make height=100% in the surrounding div. E.g.

<div style={{ height: '100%' }}>
   <ReactFileViewer />
</div>

If you don't want the image scaled at all, then it's a little trickier. I've had to resort to some messy CSS to override the hardwired width and height settings:

.pg-viewer-wrapper {
    overflow-y: unset !important;
}

.photo-viewer-container {
    width: unset !important;
    height: unset !important;
}

.photo-viewer-container > img {
    width: unset !important;
    height: unset !important;
}

It would be great if this component had features like scaling (e.g. fit, fill, percentage) but I don't think the library is being maintained any more (looking at the old PRs that are still waiting), so would recommend forking and implementing a cleaner solution than what I have done.