☰

マテリアル UI ツールバーの高さを変更するにはどうすればいいですか? 質問する

tag-icon • tag-icon material-ui
マテリアル UI ツールバーの高さを変更するにはどうすればいいですか? 質問する

私は React と Material UI の初心者です。コンポーネントが占める垂直方向のスペースの大きさに困っています。やりたいことの 1 つは、ツールバーの高さを低くすることです。

スタイルを指定してみました:

<Toolbar style={{ height: '36px' }}>

私は次のようにも試しました:

const styles = {
  root: {
    height: 36,
  }
};
<Toolbar className={classes.root} >

しかし、どちらも機能しません。これを行う別の方法はありますか?

ベストアンサー1

以前もツールバーの高さを変更しようとしましたが、うまくいきませんでした。結局、ツールバーのバリアントを「高密度」に設定しましたが、それでも通常のツールバーに比べて高さの低いツールバーになります。

<Toolbar variant="dense">

おすすめ記事