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 (
|
||||
// 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>
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user