自定义标题和图像在管理员休息

Question

我使用admin-on-rest建立我们的下一个仪表板。我希望能够在标题前的标题中添加徽标/图片。这会涉及一个定制的主题，还是有一个侵略性较小的方式来做到这一点？

Answer 1

我找到了答案，并认为我会分享它在下一个开发者面临这个问题的计算器。

<Admin />上的title支持接受节点。所以这个作品：

import {Admin} from 'admin-on-rest'; 

const App =() => (
    <Admin title={<AppTitle />}> 
    // Resources 
    </Admin> 
); 

// Default styles 
const appTitleStyles = { 
    whiteSpace  : 'nowrap', 
    overflow   : 'hidden', 
    WebkitTextOverflow: 'ellipsis', 
    textOverflow  : 'ellipsis', 
    margin   : 0, 
    letterSpacing  : 0, 
    fontSize   : 24, 
    fontWeight  : '400', 
    color    : 'rgb(255, 255, 255)', 
    height   : 44, 
    paddingTop  : 10, 
    paddingBottom  : 10, 
    WebkitFlex  : '1 1 0%', 
    MsFlex   : '1 1 0%', 
    flex    : '1 1 0%' 
}; 

const AppTitle =() => (
    <img style={appTitleStyles} src="./my-cool-logo.png" /> 
); 

export default App;