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

Question

这几天在开发next.js项目。我正在使用 react-skylight 来创建模态。我想覆盖 min-height。在 skylight 中已经有了 skylight-dialog CSS class。我已经附上了关于 CSS 和道具的图片。

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

Answer 1

React天窗在2018-04-03 v0.5.1中将对话框样式高度更改为minHeight。试试这个prop.

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