Salesforce lightning Action modal size

Question

I used a Lightning Component and I wanted to know how can I set the width of lightning action modal popup?

Below my code :

Markup component :

css :

.THIS{
	
}

Answer 1

You will be having the modal code in your component & logic in controller js So, Add this code in css file, make sure you have this class named slds-modal__container in your component modal code

.THIS .slds-modal__container {
  margin: 0 auto;
  width: 50%;
  max-width: 100%;
 }