diff --git a/src/features/ui/components/modals/media-modal.tsx b/src/features/ui/components/modals/media-modal.tsx index 75dd41218..24e8e4878 100644 --- a/src/features/ui/components/modals/media-modal.tsx +++ b/src/features/ui/components/modals/media-modal.tsx @@ -243,7 +243,7 @@ const MediaModal: React.FC = (props) => { }; return ( -
+
= (props) => {
)} - - {content} - +
+ + {content} + +
{hasMultipleImages && (
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css index 5981ddc9e..65bc654ed 100644 --- a/src/styles/tailwind.css +++ b/src/styles/tailwind.css @@ -37,6 +37,17 @@ } @layer utilities { + .media-modal * { + img { + max-height: 80vh; + width: 100%; + object-fit: contain; + } + + video { + @apply max-w-full max-h-[80%]; + } + } .status { @apply min-h-[54px] cursor-default animate-fade opacity-100; }