残りの管理者の画像にあるカスタムタイトル

Question

admin-on-restを使用して次のダッシュボードを作成しています。私はタイトルの前にヘッダーにロゴ/イメージを追加できるようにしたいと思います。これにはカスタムテーマが関与するのでしょうか、これを行うための侵襲性の低い方法がありますか？

Answer 1

私はこれに対する答えを見つけ、この問題に直面している次の開発者のためにstackoverflowで共有すると思いました。

titleの小道具<Admin />はノードを受け入れます。したがって、この作品：

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;