Home > Net >  styling issue after removing footer from antd design
styling issue after removing footer from antd design

Time:11-11

I remove the antd modal footer by footer={null} but a empty space stays in.

code:

<Modal
  style={{ backgroundColor: "#FFFFFF", borderRadius: "20px" }}
  width={480}
  footer={null}
>
    <p>
      Done!
    </p>
    <p>
      You've added a name
    </p>
    <Button
      style={{
        borderRadius: "7px",
      }}
    >
      OK
    </Button>
</Modal>

Screenshot of the modal: enter image description here

I needed to make the modal radius to 20px but after adding the borderRadius, the footer style stays in.

Codesandbox link : enter image description here

Edit styling-issue-after-removing-footer-from-antd-design

  • Related