bluerock/speed-flowchart-web
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style: Make qualification result smaller and startnumber bigger
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Dorian Zedler 2022-08-10 20:46:13 +02:00
parent 57cd6dd86f
commit 0febe0af9b
Signed by: dorian
GPG key ID: 989DE36109AFA354
1 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/pages/SpeedFlowchartPage.tsx
View file

@ -150,7 +150,7 @@ export default function SpeedFlowchartPage() {
padding: '10px !important', padding: '10px !important',
}} }}
> >
<Grid container spacing={2}> <Grid container spacing={2} alignItems='center'>
{[ {[
['A', pair.laneA], ['A', pair.laneA],
['B', pair.laneB], ['B', pair.laneB],
@ -169,15 +169,22 @@ export default function SpeedFlowchartPage() {
}; };
return ( return (
<> <>
<Grid sx={gridItemStyle} xs={1} item> <Grid sx={gridItemStyle} xs={0.6} item>
<Typography sx={textStyle}> <Typography
{lane?.participant.results[0].rank}{' '} sx={{
fontWeight: 'bold',
fontSize: '17px',
color: theme.palette.text.secondary,
}}
>
{lane?.participant.results[0].rank}
</Typography> </Typography>
</Grid> </Grid>
<Grid <Grid
sx={{ ...gridItemStyle, display: 'flex' }} sx={{ ...gridItemStyle, display: 'flex' }}
xs={8.5} xs={8.5}
alignItems='center'
item item
> >
<Typography <Typography
@ -195,8 +202,9 @@ export default function SpeedFlowchartPage() {
<Chip <Chip
label={lane?.participant.startNumber} label={lane?.participant.startNumber}
sx={{ sx={{
height: '26px',
marginLeft: '10px', marginLeft: '10px',
fontWeight: 'bold',
fontSize: '17px',
}} }}
variant='outlined' variant='outlined'
/> />