如何更改antd中Upload.Dragger的高度？

Question

我正在使用antd-3.22.0并反应16.3.2。我想将Upload.Dragger的高度设置为45px。

我尝试通过将style={{height:"45px"}}放在拖动器中来设置拖动器高度。我也尝试过将拖动器包装在div中并为div提供高度，但是没有用。

<Upload.Dragger style={{height:'45px'}}>
     <p className="ant-upload-text">Browse or drag file</p>
</Upload.Dragger>

Answer 1

您应该为Dragger所包含的内容提供高度，因为它将占用其中内容的高度。

<Upload.Dragger>
    <p className="ant-upload-text" style={{height: "85px"}}>Browse or drag file</p>
</Upload.Dragger>

包装拖动器将不起作用，因为您没有设置拖动器组件的高度，而是将其封闭在一定高度的另一个div中。

Answer 2

包装是

const UploadWrapper = styled.div`
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
`;