Как установить высоту в пользовательском интерфейсе элемента сетки - PullRequest
Новая
       20

Как установить высоту в пользовательском интерфейсе элемента сетки

0 голосов
/ 08 марта 2020

Я использую пользовательский интерфейс материала, у меня есть контейнер сетки, направление контейнера - «столбец», внутри этого контейнера есть два элемента сетки, мне интересно, как установить высоту двух элементов сетки, например, первую сетку элемент - это 60% высоты контейнера сетки, а элемент отправки - 40% высоты контейнера сетки.

код: 

   <Grid container direction="column" justify='center'>
          <Grid item lg={12}>
              <HighchartsPieChart highcharts={Highcharts} options={options} />
          </Grid>
          <Grid item lg={12}>
            <Grid container direction='row' alignItems='center' justify='space-between'>
                <Grid item>
                  <Paper>xs=3</Paper>
                </Grid>
                <Grid item>
                  <Paper>xs=4</Paper>
                </Grid>
            </Grid>
          </Grid>
        </Grid>

enter image description here

, как показано выше pi c, я хочу, чтобы выделенная красным цветом часть была примерно на 60% высоты контейнера сетки, а выделенная синим цветом часть была бы примерно на 40% высоты контейнера сетки.

...