style : minor tweaks

This commit is contained in:
GuillaumeSD
2024-02-26 23:41:18 +01:00
parent d5d1363da1
commit b2b80b1cc1
2 changed files with 18 additions and 12 deletions

View File

@@ -44,7 +44,7 @@ export const useScreenSize = () => {
return Math.min(width, height - 150); return Math.min(width, height - 150);
} }
return Math.min(width - 600, height); return Math.min(width - 600, height * 0.95);
}; };
return { ...screenSize, boardSize: getBoardSize() }; return { ...screenSize, boardSize: getBoardSize() };

View File

@@ -19,7 +19,7 @@ export default function GamePanel() {
xs={12} xs={12}
justifyContent="center" justifyContent="center"
alignItems="center" alignItems="center"
gap={1} gap={2}
> >
<Grid item container xs={12} justifyContent="center" alignItems="center"> <Grid item container xs={12} justifyContent="center" alignItems="center">
<PlayerInfo color="white" /> <PlayerInfo color="white" />
@@ -38,19 +38,25 @@ export default function GamePanel() {
rowGap={1} rowGap={1}
columnGap={3} columnGap={3}
> >
<Typography> <Grid item container xs justifyContent="center" alignItems="center">
<Typography noWrap>
Site : {gameFromUrl?.site || game.header().Site || "?"} Site : {gameFromUrl?.site || game.header().Site || "?"}
</Typography> </Typography>
</Grid>
<Typography> <Grid item container xs justifyContent="center" alignItems="center">
<Typography noWrap>
Date : {gameFromUrl?.date || game.header().Date || "?"} Date : {gameFromUrl?.date || game.header().Date || "?"}
</Typography> </Typography>
</Grid>
<Typography> <Grid item container xs justifyContent="center" alignItems="center">
<Typography noWrap>
Result :{" "} Result :{" "}
{gameFromUrl?.termination || game.header().Termination || "?"} {gameFromUrl?.termination || game.header().Termination || "?"}
</Typography> </Typography>
</Grid> </Grid>
</Grid> </Grid>
</Grid>
); );
} }