Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stretch small images to fit the container

Browse Source
This commit is contained in:
Martti Malmi 2023-12-13 14:08:44 +02:00
parent f124082f6f
commit 87ad31df30
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/app/src/Element/Embed/MediaElement.tsx
View File

@ -48,7 +48,9 @@ const ImageElement = ({ url, meta, onMediaClick }: ImageElementProps) => {
key={url}
src={url}
onClick={onMediaClick}
className={classNames("max-h-[80vh] md:rounded-sm", { "md:max-h-[510px]": !meta })}
className={classNames("max-h-[80vh] w-full h-full object-contain object-left md:rounded-sm", {
"md:max-h-[510px]": !meta,
})}
style={style}
ref={imageRef}
/>
@ -83,6 +85,7 @@ const VideoElement = ({ url }: VideoElementProps) => {
controls
poster={proxy(url)}
className="max-h-[80vh] md:max-h-[510px] md:rounded-sm"
onClick={e => e.stopPropagation()}
/>
</div>
);