Sidebar语言 - react-admin - css class

Question

我相信有人能帮助我，我明白这不是问怎么做的合适的地方。但也许这是一个bug:我试图在侧边栏上放一个绿色边框，就像我在照片中指出的那样。但是我找不到方法，我找不到我需要编辑的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;

感谢

Answer 1

你只是在属性名中打错了，它应该是:borderBottom

实际上你需要通过添加以下样式来实现你的菜单组件:https://marmelab.com/react-admin/Admin.html菜单

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>
);
}