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

…o avoid the influence of tailwind
DouyinFE · Dec 11, 2024 · d44ff6e · d44ff6e
1 parent 583ea2a
commit d44ff6e
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 {