title: Use different sizes of antD Modal
body: <p>I'm using antD modal to show an editor, the popup window should be fixed size to prevent size changing when collapsing/expanding sections inside.</p>
  
  <p>So I customized:</p>
  
  <pre><code>.ant-modal-content {
  max-height: 700px;
  height: 700px;
  width: 1000px;
  /*overflow-y: auto;*/
  /*overflow-x: auto;*/
  </code></pre>
  
  <p>}</p>
  
  <p>but it's affecting other popups! 
  I tried using <code>style={{height: '700px', width: '1000px'}}</code> of that specific modal but it didn't take affect.</p>
  
  <p>How can I control the size of only one modal?</p>
  
  <p>Sandbox:
  <a href="https://codesandbox.io/s/antd-reproduction-template-ci559?file=/index.css" rel="nofollow noreferrer">https://codesandbox.io/s/antd-reproduction-template-ci559?file=/index.css</a></p>
  
  <p>(try to change the size o the syntax textarea as example for changing the size)</p>