侧边栏- react-admin - css类

Question

我相信有人可以帮助我，我知道这不是询问如何做的正确地方。但这可能是一个bug:结果是我试图在侧边栏上添加一个绿色边框，就像我在照片中指出的那样。但是我找不到方法，我找不到我需要编辑的css类来实现它。有什么需要帮忙的吗？

例如Sidebar border what I wish

我想添加如图所示的绿色边框。正如文档所说，我已经尝试过了，但它不起作用：

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;

谢谢

Answer 1

你只是在属性名中有一个拼写错误，它应该是：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>
    );
}