材质 UI 对话框模式组件的自定义'full screen'高度



目前,我在材料UI对话框组件上使用fullScreen属性(它在屏幕上充当模态),正如文档中建议的那样,像这样:

import useMediaQuery from '@material-ui/core/useMediaQuery';

function MyComponent() {
const theme = useTheme();
const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));
return <Dialog fullScreen={fullScreen} />
}

不幸的是,这会导致Dialog模态覆盖屏幕顶部的导航条。我想覆盖对话框模态的高度,但我不确定如何。

有人能帮忙吗?

只需传递一个className给它&给它top值等于AppBar的高度。这里是沙箱

相关内容

  • 没有找到相关文章

最新更新