From 3ea0e2e6c25affb07a25ac349d4e58f2be0f86cc Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Fri, 1 Nov 2024 12:07:15 -0300
Subject: [PATCH] Change classname "zoomable-image" to use only Tailwind

---
 src/features/ui/components/zoomable-image.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/features/ui/components/zoomable-image.tsx b/src/features/ui/components/zoomable-image.tsx
index d826dc63e..f727ddec3 100644
--- a/src/features/ui/components/zoomable-image.tsx
+++ b/src/features/ui/components/zoomable-image.tsx
@@ -124,7 +124,7 @@ class ZoomableImage extends React.PureComponent<IZoomableImage> {
 
     return (
       <div
-        className='zoomable-image'
+        className='relative flex size-full items-center justify-center'
         ref={this.setContainerRef}
         style={{ overflow }}
       >
@@ -132,6 +132,7 @@ class ZoomableImage extends React.PureComponent<IZoomableImage> {
           role='presentation'
           ref={this.setImageRef}
           alt={alt}
+          className='size-auto max-h-[80%] max-w-full object-contain shadow-2xl'
           title={alt}
           src={src}
           style={{