feat(file-sharing): [closes #308] scale shared images to fit

jeremyckahn · Jun 5, 2024 · a8dff45 · a8dff45
1 parent 73218f4
commit a8dff45
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Message/InlineMedia.tsx b/src/components/Message/InlineMedia.tsx
@@ -1,5 +1,6 @@
 import { useContext, useEffect, useRef, useState } from 'react'
 import { TorrentFile } from 'webtorrent'
+import Box from '@mui/material/Box'
 import CircularProgress from '@mui/material/CircularProgress'
 import Typography from '@mui/material/Typography'
 
@@ -37,13 +38,13 @@ export const InlineFile = ({ file }: InlineFileProps) => {
   }, [file, containerRef, shellContext.roomId])
 
   return (
-    <div ref={containerRef}>
+    <Box ref={containerRef} sx={{ '& img': { maxWidth: '100%' } }}>
       {didRenderingMediaFail && (
         <Typography sx={{ fontStyle: 'italic' }}>
           Media failed to render
         </Typography>
       )}
-    </div>
+    </Box>
   )
 }