如何增加脚手架中AppBar的大小？

import React from 'react';
import { AppBar, Toolbar, Typography } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
  appBar: {
    height: '80px', // 设置 AppBar 的高度
  },
}));

function MyAppBar() {
  const classes = useStyles();

  return (
    <AppBar position="static" className={classes.appBar}>
      <Toolbar>
        <Typography variant="h6">My App</Typography>
      </Toolbar>
    </AppBar>
  );
}

export default MyAppBar;

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-app-bar',
  template: `
    <mat-toolbar style="height: 80px;">
      <span>My App</span>
    </mat-toolbar>
  `,
})
export class MyAppBarComponent {}

<template>
  <md-app-bar md-height="80">
    My App
  </md-app-bar>
</template>

<script>
export default {
  name: 'MyAppBar'
}
</script>

.app-bar {
  height: 80px; /* 设置 AppBar 的高度 */
}

<AppBar className="app-bar">
  {/* AppBar 的内容 */}
</AppBar>