From bd8d4e33fd21df635bf198052be58e9222fc4df6 Mon Sep 17 00:00:00 2001
From: diced <pranaco2@gmail.com>
Date: Thu, 4 Jan 2024 23:22:59 -0800
Subject: [PATCH] fix: max-width/height on image/video (#523)

---
 src/pages/view/[id].tsx | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/pages/view/[id].tsx b/src/pages/view/[id].tsx
index 0fcbb6b1..adcb9bae 100644
--- a/src/pages/view/[id].tsx
+++ b/src/pages/view/[id].tsx
@@ -192,11 +192,29 @@ export default function EmbeddedFile({
         }}
       >
         {file.mimetype.startsWith('image') && (
-          <img src={dataURL('/r')} alt={dataURL('/r')} id='image_content' />
+          <img
+            style={{
+              maxHeight: '100vh',
+              maxWidth: '100vw',
+            }}
+            src={dataURL('/r')}
+            alt={dataURL('/r')}
+            id='image_content'
+          />
         )}
 
         {file.mimetype.startsWith('video') && (
-          <video src={dataURL('/r')} controls autoPlay muted id='video_content' />
+          <video
+            style={{
+              maxHeight: '100vh',
+              maxWidth: '100vw',
+            }}
+            src={dataURL('/r')}
+            controls
+            autoPlay
+            muted
+            id='video_content'
+          />
         )}
 
         {file.mimetype.startsWith('audio') && (