如何在 next.js 中覆盖 react-skylight min-height？

Posted 2023-02-22

【中文标题】如何在 next.js 中覆盖 react-skylight min-height？

【英文标题】：How to override react-skylight min-height in next.js?

【发布时间】：2019-10-15 18:10:36

【问题描述】：

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

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

【参考方案1】：

2018-04-03 v0.5.1 中的 React skylight  将对话框样式高度更改为 minHeight。试试这个道具。

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