From 0b14274b0567efe40342c0ed617b329630ac96ea Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Thu, 21 Nov 2024 17:52:01 -0300
Subject: [PATCH] Fix media-modal

---
 src/features/ui/components/image-loader.tsx       | 2 +-
 src/features/ui/components/modals/media-modal.tsx | 2 +-
 src/styles/tailwind.css                           | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/features/ui/components/image-loader.tsx b/src/features/ui/components/image-loader.tsx
index 7eab09c80..5abd00dde 100644
--- a/src/features/ui/components/image-loader.tsx
+++ b/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}>
diff --git a/src/features/ui/components/modals/media-modal.tsx b/src/features/ui/components/modals/media-modal.tsx
index 24e8e4878..34793a776 100644
--- a/src/features/ui/components/modals/media-modal.tsx
+++ b/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}
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 65bc654ed..e9e656a9b 100644
--- a/src/styles/tailwind.css
+++ b/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;
   }