html - 如何在next.js中覆盖react-skylight最小高度？

这些天我在开发next.js项目。我正在使用react天窗创建一个模态。我想覆盖min-height。在skylight中已经有了skylight对话框CSS类。我已经附上了关于CSS和道具的图片。

const myBigGreenDialog = {
     backgroundColor: '#ffffff',
     color: '#000',
     width: '50%',
     height: '200px',
     padding: '3rem'
   };

最佳答案

React skylight in 2018-04-03 v0.5.1 将对话框样式“高度”更改为“最小高度”。试试这个道具。

const myBigGreenDialog = {
  backgroundColor: '#ffffff',
  color: '#000',
  width: '50%',
  minHeight: '250px',
  padding: '3rem'
};