From b09e0a18361c656a9af26523e04298f1a0c443e5 Mon Sep 17 00:00:00 2001
From: YyumeiZhang <101110131+YyumeiZhang@users.noreply.github.com>
Date: Thu, 12 Dec 2024 10:56:18 +0800
Subject: [PATCH] fix: Set the max-width of the img node of the image preview
 to none to avoid the influence of tailwind (#2624)

---
 packages/semi-foundation/image/image.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/semi-foundation/image/image.scss b/packages/semi-foundation/image/image.scss
index b0bd418625..0100648d6e 100644
--- a/packages/semi-foundation/image/image.scss
+++ b/packages/semi-foundation/image/image.scss
@@ -204,6 +204,12 @@ $module: #{$prefix}-image;
             // transition: transform $transition_duration-image_preview_image_img  $transition_delay-image_preview_image_img;
             z-index: 0;
             user-select: none;
+            /**
+             * In tailwind, the max-width of img/video is set to 100%, 
+             * which will affect the amplification effect of the picture.
+             * So we need to set max-width to none.
+            */
+            max-width: none;
         }
 
         &-spin {