前端项目实战叁佰肆拾肆react-admin和material ui-设置布局最小高度

最新推荐文章于 2024-09-28 19:02:04 发布

前端歌谣

最新推荐文章于 2024-09-28 19:02:04 发布

阅读量70

点赞数

文章标签：前端 react.js ui

本文链接：https://blog.csdn.net/qq_41632427/article/details/132225094

版权

前端项目实战案例专栏收录该内容

500 篇文章 1 订阅

订阅专栏

const appLayout = (props: LayoutProps) => {
  return (
    <Layout
      sx={
        {
          '& .RaLayout-appFrame': {
            minHeight: '100%',
            height: '100%',
            margin: 0,
            padding: 0
          },
          '& .RaList-actions': {minHeight: 0, height: '48px'},
          '& .RaLayout-content:': { marginTop: 0, marginBottom: 0, padding: 0, minHeight: '100%', height: '100%' },
          '& .RaLayout-contentWithSidebar': { margin: 0, padding: 0, minHeight: '100%', height: '100%' },
          minHeight: '100%',
          height: '100%',
          margin: 0,
          padding: 0,
        }
      }
      {...props}
      appBar={appBar}
      menu={useAppMenu}
      sidebar={mySidebar}
    />
  )
}