Как изменить размер компонентов вкладок в материале-UI? ⇐ Html

[Anonymous]

Я работаю над простым приложением, чтобы показать частоту сердечных сокращений, уровни глюкозы в крови и несколько других измерений. Я работаю в React и Redux, и использую материалы-UI для пользовательского интерфейса. < /p>

Чтобы отобразить эти два числа, я создаю компонент, который будет на каждой половине экрана. Под каждым номером у меня будет набор вкладок для переключения в виде представлений компонента. Как я могу изменить размер вкладок, чтобы быть меньше. У меня есть код ниже для создания вкладок, и я прочитал это и это, но я не уверен в том, как сделать это.import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Paper from '@material-ui/core/Paper';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';
import { withStyles } from '@material-ui/core/styles';
import Grid from '@material-ui/core/Grid';

const BottomTab = ({}) => (







);
const styles = {
tab: {
width: '10', // a number of your choice
}
};

export default withStyles(styles)(BottomTab);
< /code>

и следующий блок кода - это то, где я называю BottomTab. < /p>

interface Props {
labelId: string,
value: number
}

const Knob = ({labelId, value}: Props) => (








)

export default Knob


Подробнее здесь: https://stackoverflow.com/questions/619 ... terials-ui