@wizishop/img-manager 0.2.49 → 0.2.53

package/wz-img-manager.scss

@@ -2008,7 +2008,8 @@ image-cropper {
     align-items: center;
 
     &--visible {
-        height: 200px;
+      height: 250px;
+      margin: 0;
     }
 }
 
@@ -2026,10 +2027,10 @@ image-cropper {
   background: white;
   border-radius: 4px;
   overflow-x: auto;
+  align-items: flex-end!important;
 }
 
 .img_box {
-  padding: 20px 10px;
   background-color: white;
   display: flex;
   flex-direction: row;
@@ -2038,12 +2039,36 @@ image-cropper {
   cursor: move;
   flex-grow: 1;
   flex-basis: 0;
-  max-width: 150px;
-  width: 150px;
   justify-content: center;
   height: fit-content;
+  position: relative;
+  padding: 0;
+  margin: 0 20px 0 0;
+  width: 150px;
+  max-width: 150px;
+  &:before {
+    content: '';
+    display: block;
+    padding-top: 100%;
+  }
+  &:first-child {
+    width: 200px;
+    max-width: 200px;
+  }
+  img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    max-width: 100%!important;
+    max-height: 100%;
+    object-fit: contain;
+    width: auto!important;
+    height: auto;
+  }
 }
 
+
 .cdk-drag-preview {
   box-sizing: border-box;
   border-radius: 4px;