Kieran/snort
5
14
Fork 14
Code Issues 54 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

note img, video max-h-[80vh]
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse Source
This commit is contained in:
Martti Malmi 2023-12-06 15:45:36 +02:00
parent 50d90166fc
commit ada53a33b5
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,7 +20,7 @@ export function MediaElement(props: MediaElementProps) {
return (
// constant height container avoids layout shift when images load
<div className="-mx-4 md:mx-0 my-3 md:h-80 flex items-center justify-center">
<ProxyImg key={props.url} src={props.url} onClick={props.onMediaClick} className="md:max-h-80" />
<ProxyImg key={props.url} src={props.url} onClick={props.onMediaClick} className="max-h-[80vh] md:max-h-80" />
</div>
);
} else if (props.mime.startsWith("audio/")) {
@ -35,7 +35,7 @@ export function MediaElement(props: MediaElementProps) {
src={props.url}
controls
poster={proxy(props.url)}
className="md:max-h-80"
className="max-h-[80vh] md:max-h-80"
/>
</div>
);