pqina / filepond

🌊 A flexible and fun JavaScript file upload library
https://pqina.nl/filepond
MIT License
15.24k stars 828 forks source link

[Feature] Increase Drop area #1024

Open AMPZart opened 4 days ago

AMPZart commented 4 days ago

Is there an existing issue for this?

Is your feature request related to a problem? Please describe.

Is there a solution to increase the height of the drop area? The question was raised on Stackoverflow... https://stackoverflow.com/questions/56813374/how-to-increase-dimensions-of-filepond-drop-area-in-react-js But I also notice that by increasing the size in the css :

.filepond--root,
.filepond--root .filepond--drop-label {
  height: 200px;
}

the area no longer displays the downloaded images. Thanks

Describe the solution you'd like

The area is too small for my page

Describe alternatives you've considered

A size of at least 200px would be suitable

rikschennink commented 3 days ago

if you set the height the drop area will be larger, but it will also not grow with content.

You can however use min-height: 200px; and then set a background color on the .filepond--root itself.

See: https://stackblitz.com/edit/github-dca26j?file=index.html

AMPZart commented 3 days ago

Great ! Thanks