Ionic 2 How to Change Modal Height and Width

Question

I have a page on my application that has a Modal Page and I want to change the size of that page, I try to use the model property to change it but it will change the size of all the other ones and I want to have different models with different sizes

$modal-inset-min-width

Answer 1

Add this into your app.scss:

.my-modal {
    height: 50%!important;
    width: 50%!important;
}