fix: Set the max-width of the img node of the image preview to none t…

…o avoid the influence of tailwind (#2624)
DouyinFE · Dec 12, 2024 · b09e0a1 · b09e0a1
1 parent 3a6dbc5
commit b09e0a1
Showing 1 changed file with 6 additions and 0 deletions.
diff --git 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 {