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

Feat: responsive layout
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
Dorian Zedler 2022-07-29 00:04:46 +02:00
parent b690ace6b5
commit b831ab4079
Signed by: dorian
GPG key ID: 989DE36109AFA354
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/pages/SpeedFlowchartPage.tsx
View file

@ -43,9 +43,18 @@ export default function SpeedFlowchartPage() {
return ( return (
<> <>
<Grid container spacing={2}> <Grid
container
spacing={2}
direction={{ xs: 'column-reverse', md: 'row' }}
>
{flowchartResult?.rounds.map((round, roundKey) => ( {flowchartResult?.rounds.map((round, roundKey) => (
<Grid key={`flowchart-column-${roundKey}`} item xs={12 / 5}> <Grid
key={`flowchart-column-${roundKey}`}
item
xs={12}
md={12 / flowchartResult.rounds.length}
>
<h3>{round.roundName}</h3> <h3>{round.roundName}</h3>
<Grid container spacing={2}> <Grid container spacing={2}>
{round.pairs.map((pair, pairKey) => ( {round.pairs.map((pair, pairKey) => (