2016-11-07 11 views
1

私は反応プロジェクトに取り組んでいますが、材料uiのListItemのleftIconの高さと幅を増やしたいと思います。私はleftIconに画像を渡しています。この画像の高さをlistItemの高さに設定したいと思います。私はimgタグにclassNameを与えて、CSSから高さと幅を設定しようとしましたが、うまくいかなかった。ここListItem(material ui)のleftIconのサイズを変更しました

は私のListItemが

<MuiThemeProvider> 
        <List style={{margin:0, height:58}}> 
         <ListItem leftIcon={ <img className="mediaThumbnail" src="./dev/js/images/paris.jpg"/>} style={{height:70,backgroundColor:"#FFFFFF"}} secondaryText={value.Episode_Name}> 
         </ListItem> 
        </List> 
       </MuiThemeProvider>) 

答えて

2

であるここに私がleftIcon小道具として<img>でListItemのコンポーネントを使用する作業例です。私はまた、<img>にクラスとカスタムスタイルを与えます。

https://jsfiddle.net/tecnkym7/1/

関連する問題