Make modal responsive ... Nothing huge needed

[IamManchanda]

trafficstars

With Sass version, I did in my projects like this

.vue-image-crop-upload {
  .vicp-wrap {
    @include breakpoint(small only) {
      width: 100%;
      height: 100vH;
    }
  }
}

[tbanys]

Height auto works better for me

.vue-image-crop-upload {
  .vicp-wrap {
    @include breakpoint(small only) {
      width: 100%;
      height: auto;
    }
  }
}

[sahakyan-dev]

This is also kind of solution:

@media screen and (max-width: 515px) {
  .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left, .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {
    width: 100%;
  }
  .vicp-img-container, .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {
    margin: 0 auto;
  }
  .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range {
    margin: 30px auto 10px;
  }
  .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item {
    float: none;
  }
  .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-operate {
    float: right;
    position: relative;
  }
}