@wizishop/img-manager 0.2.95 → 0.2.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/img-manager",
-  "version": "0.2.95",
+  "version": "0.2.98",
   "description": "The best and the most beautiful image manager.",
   "repository": {
     "type": "git",

package/wz-img-manager.scss

@@ -1892,6 +1892,18 @@ $green-color: #2ecc71;
       justify-content: center;
       align-items: center;
     }
+    &__dropImgIconDiv {
+      @include media('<720px') {
+        p {
+          display: none;
+        }
+      }
+    }
+    &__or {
+      @include media('<720px') {
+        display: none;
+      }
+    }
     .blueColor {
       img {
         min-width: rem(65);
@@ -2421,7 +2433,7 @@ $green-color: #2ecc71;
             display: block;
             margin: 0 0 20px;
             padding: 0;
-            width: 100%;
+            width: 97%;
             wz-input-search {
               display: block;
               width: 100%;
@@ -2467,6 +2479,9 @@ $green-color: #2ecc71;
   }
   &__pagination {
     width: 100%;
+    @include media('<tablet') {
+      width: 97%;
+    }
   }
   &__container {
     &__loader {
@@ -2832,6 +2847,10 @@ $card-img-size-small: 140px;
     width: 100%;
     overflow: hidden;
 
+  @include media('<720px') {
+    width: 97%;
+  }
+
     &__container {
         width: 100%!important;
         height: auto!important;
@@ -4279,7 +4298,7 @@ $card-img-size-small: 140px;
     &--small {
       height: 320px;
       @include media('<tablet') {
-        height: calc(100vh - 80px) !important;
+        height: 100%!important;
       }
     }
 
@@ -4287,7 +4306,7 @@ $card-img-size-small: 140px;
     &--full {
       height: calc(100vh - 50px);
       @include media('<tablet') {
-        height: calc(100vh - 80px);
+        height: 100%!important;
       }
     }
 
@@ -4323,6 +4342,8 @@ $card-img-size-small: 140px;
 
       @include media('<tablet') {
         width: 45px;
+        bottom: auto;
+        top: 10px;
         right: 0;
       }
 
@@ -4337,6 +4358,13 @@ $card-img-size-small: 140px;
         cursor: pointer;
         outline: none!important;
 
+        @include media('<tablet') {
+          background-color: transparent!important;
+          i {
+            color: $img-main-color!important;
+          }
+        }
+
         &:first-child {
           @include media('<tablet') {
             display: none;
@@ -4384,7 +4412,7 @@ $card-img-size-small: 140px;
     padding: 0 0.575rem 0 1.075rem;
 
     @include media('<tablet') {
-      padding: 0 20px;
+      padding: 40px 20px 0;
     }
 
     &--window {
@@ -4406,5 +4434,3 @@ $card-img-size-small: 140px;
 .nwb-snack-bar .column {
   box-sizing: border-box;
 }
-
-