filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-12-24 01:23:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed stretched images

Browse Source
This commit is contained in:
Martina 2020-11-11 13:13:40 -08:00
parent e7b5fbc17d
commit 583593bea2
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/core/SlateMediaObjectPreview.js
View File

@ -19,7 +19,6 @@ const STYLES_IMAGE_CONTAINER = css`
const STYLES_IMAGE = css`
background-color: ${Constants.system.foreground};
display: block;
width: 100%;
pointer-events: none;
transition: 200ms ease all;
`;
@ -155,7 +154,7 @@ export default class SlateMediaObjectPreview extends React.Component {
) : this.state.showImage ? (
<img
css={STYLES_IMAGE}
style={{ maxHeight: "100%", ...this.props.imageStyle }}
style={{ maxHeight: "100%", maxWidth: "100%", ...this.props.imageStyle }}
src={url}
/>
) : blurhash ? (
@ -171,7 +170,10 @@ export default class SlateMediaObjectPreview extends React.Component {
punch={1}
/>
) : (
<div css={STYLES_IMAGE} style={{ maxHeight: "100%", ...this.props.imageStyle }} />
<div
css={STYLES_IMAGE}
style={{ maxHeight: "100%", maxWidth: "100%", ...this.props.imageStyle }}
/>
)}
</React.Fragment>
);