Fix media-modal

src/features/ui/components/image-loader.tsx

@@ -135,7 +135,7 @@ class ImageLoader extends PureComponent<IImageLoader> {
     const { alt, src, width, height, onClick } = this.props;
     const { loading } = this.state;
 
-    const className = 'relative size-full flex items-center justify-center flex-col';
+    const className = 'relative h-[80vh] flex items-center justify-center flex-col';
 
     return (
       <div className={className}>

src/features/ui/components/modals/media-modal.tsx

@@ -316,7 +316,7 @@ const MediaModal: React.FC<IMediaModal> = (props) => {
                 style={swipeableViewsStyle}
                 containerStyle={containerStyle}
                 onChangeIndex={handleSwipe}
-                className='flex items-center justify-center '
+                className='flex items-center justify-center'
                 index={getIndex()}
               >
                 {content}

src/styles/tailwind.css

@@ -48,6 +48,7 @@
       @apply max-w-full max-h-[80%];
     }
   }
+
   .status {
     @apply min-h-[54px] cursor-default animate-fade opacity-100;
   }