如何解决侧边栏 - react-admin - css 类
我确信有人可以帮助我,并且我知道这不是询问如何去做的正确地方。但也许这是一个错误:事实证明,我试图按照我在照片中指示的方式在侧边栏上放置一个绿色边框。但是我找不到方法,我找不到需要编辑以实现它的css类。有什么帮助吗?
我想添加如图所示的绿色边框。我已经按照文档中的说明尝试过,但它不起作用:
import { Sidebar,Layout } from 'react-admin';
import { makeStyles } from '@material-ui/core/styles';
const useSidebarStyles = makeStyles({
drawerPaper: {
borderBootom: "15px solid #006a3c",},});
const MySidebar = props => {
const classes = useSidebarStyles();
return (
<Sidebar classes={classes} {...props} />
);
};
const MyLayout = props => <Layout {...props} sidebar={MySidebar} />
export default MySidebar;
谢谢
解决方法
您只是在属性名称中有一个拼写错误,它应该是:borderBottom
实际上您需要通过添加以下样式来实现您的菜单组件: https://marmelab.com/react-admin/Admin.html#menu
const useStyles = makeStyles({
menu: {
borderBottom: "15px solid #006a3c",},})
const Menu = ({ onMenuClick,logout }) => {
const isXSmall = useMediaQuery(theme => theme.breakpoints.down('xs'));
const open = useSelector(state => state.admin.ui.sidebarOpen);
const resources = useSelector(getResources);
const classes = useStyles()
return (
<div className={classes.menu}>
...
</div>
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。