style : minor tweaks
This commit is contained in:
@@ -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() };
|
||||||
|
|||||||
@@ -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,18 +38,24 @@ export default function GamePanel() {
|
|||||||
rowGap={1}
|
rowGap={1}
|
||||||
columnGap={3}
|
columnGap={3}
|
||||||
>
|
>
|
||||||
<Typography>
|
<Grid item container xs justifyContent="center" alignItems="center">
|
||||||
Site : {gameFromUrl?.site || game.header().Site || "?"}
|
<Typography noWrap>
|
||||||
</Typography>
|
Site : {gameFromUrl?.site || game.header().Site || "?"}
|
||||||
|
</Typography>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
<Typography>
|
<Grid item container xs justifyContent="center" alignItems="center">
|
||||||
Date : {gameFromUrl?.date || game.header().Date || "?"}
|
<Typography noWrap>
|
||||||
</Typography>
|
Date : {gameFromUrl?.date || game.header().Date || "?"}
|
||||||
|
</Typography>
|
||||||
|
</Grid>
|
||||||
|
|
||||||
<Typography>
|
<Grid item container xs justifyContent="center" alignItems="center">
|
||||||
Result :{" "}
|
<Typography noWrap>
|
||||||
{gameFromUrl?.termination || game.header().Termination || "?"}
|
Result :{" "}
|
||||||
</Typography>
|
{gameFromUrl?.termination || game.header().Termination || "?"}
|
||||||
|
</Typography>
|
||||||
|
</Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
</Grid>
|
</Grid>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user