Home > Net >  How do I change the width of the header border of antd modal
How do I change the width of the header border of antd modal

Time:12-08

Modal: enter image description here

Need the change the border width to half of the modal or any custom px.

The antd-modal-header class has a .border-bottom but changing the width is changing the height or making the border look bold but not the size.

Code :

  <Modal title="Add Name">
    <p>Some contents...</p>
  </Modal>

You can tap into the the below class to access the border.

.ant-modal .ant-modal-content .ant-modal-header{
    border-bottom: 2px solid #e9e9e9;//changing in 2px to 1px is reducing the height
}

CodeSandbox link : enter image description here

I have also tried it to your CodeSandbox Code: here is the Screen Shot of that. enter image description here

  • Related