Unable to reduce height of dashboard to less than 400px

I’m trying to reduce the height of the Uppy Dashboard plugin to be 200px to increase screen real estate. I’ve restricted the control to a single file upload so there is no need for all the extra space in the panel.

Using the height and maxHeight options the smallest I’m able to get the dashboard is 400px height:

My configuration is as follows:

const uppy = new Uppy({
  autoProceed: false,
    restrictions: {
      maxNumberOfFiles: 1,
      minNumberOfFiles: 1,
      allowedFileTypes: ["application/pdf"]
    }
  })
  .use(Dashboard, {
    target: "#uppy",
    inline: true,
    height: 200,
    maxHeight: 200
  });

How can I further reduce the height so it matches a single row of file icons?

[DRAKO999]

Still unable to reduce the height on uppy/react Dashboard

[5minpause]

What is the latest status on this? I have the react/dashbord and I cannot reduce its size…

The whole component does not behave “responsive” for me. Did I miss something in the docs about how to use it?

edit: This comment (https://github.com/transloadit/uppy/issues/1758#issuecomment-625810373) helped me: set the width of the component to 100%.

<Dashboard uppy={uppy}  width='100%' />

The height is still an issue, but at least its not too wide right now.