From ada53a33b578c7ed01d775ab3ddab157ee343e38 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 6 Dec 2023 15:45:36 +0200
Subject: [PATCH] note img, video max-h-[80vh]

---
 packages/app/src/Element/Embed/MediaElement.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/Element/Embed/MediaElement.tsx b/packages/app/src/Element/Embed/MediaElement.tsx
index b12d5421..011a57d8 100644
--- a/packages/app/src/Element/Embed/MediaElement.tsx
+++ b/packages/app/src/Element/Embed/MediaElement.tsx
@@ -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>
     );