forked from Kieran/snort
note img, video max-h-[80vh]
This commit is contained in:
parent
50d90166fc
commit
ada53a33b5
@ -20,7 +20,7 @@ export function MediaElement(props: MediaElementProps) {
|
|||||||
return (
|
return (
|
||||||
// constant height container avoids layout shift when images load
|
// 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">
|
<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>
|
</div>
|
||||||
);
|
);
|
||||||
} else if (props.mime.startsWith("audio/")) {
|
} else if (props.mime.startsWith("audio/")) {
|
||||||
@ -35,7 +35,7 @@ export function MediaElement(props: MediaElementProps) {
|
|||||||
src={props.url}
|
src={props.url}
|
||||||
controls
|
controls
|
||||||
poster={proxy(props.url)}
|
poster={proxy(props.url)}
|
||||||
className="md:max-h-80"
|
className="max-h-[80vh] md:max-h-80"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user