自定義標題和圖像在管理員休息

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;