使用 VS Code 时,我的一个存储库的资源管理器 git 状态栏指示器停止显示。
这些并没有解决问题。
(Git 更改仍在源代码控制管理器面板中跟踪)
我正在寻找一种干净的方法来调整 Material-UI AppBar 后面的内容的偏移量。
我认为 theme.mixins.toolbar 会自动适应,但事实并非如此。
(使用此处描述的主题密度道具 => https://material-ui.com/customization/density/也不起作用)
export default props => {
const classes = useStyles();
return (
<>
<AppBar position="fixed" >
<Toolbar variant="dense">
<IconButton edge="start" className={classes.menuButton} aria-label="menu">
<MenuIcon color="secondary"/>
</IconButton>
<Typography variant="h7" className={classes.title}>
My Title
</Typography>
</Toolbar>
</AppBar>
<div className={classes.offset} />
<Container >
{props.children}
</Container>
</>
);
}
const useStyles = makeStyles(theme => ({
root: {
flexGrow: 1,
},
menuButton: {
marginRight: theme.spacing(2),
},
title: {
flexGrow: 1,
},
offset: theme.mixins.toolbar
}));
Run Code Online (Sandbox Code Playgroud)