diff --git a/src/hooks/useScreenSize.ts b/src/hooks/useScreenSize.ts index d381329..1e91623 100644 --- a/src/hooks/useScreenSize.ts +++ b/src/hooks/useScreenSize.ts @@ -44,7 +44,7 @@ export const useScreenSize = () => { return Math.min(width, height - 150); } - return Math.min(width - 600, height); + return Math.min(width - 600, height * 0.95); }; return { ...screenSize, boardSize: getBoardSize() }; diff --git a/src/sections/analysis/reviewPanelHeader/gamePanel/index.tsx b/src/sections/analysis/reviewPanelHeader/gamePanel/index.tsx index d14d9bf..0bc3f3e 100644 --- a/src/sections/analysis/reviewPanelHeader/gamePanel/index.tsx +++ b/src/sections/analysis/reviewPanelHeader/gamePanel/index.tsx @@ -19,7 +19,7 @@ export default function GamePanel() { xs={12} justifyContent="center" alignItems="center" - gap={1} + gap={2} > @@ -38,18 +38,24 @@ export default function GamePanel() { rowGap={1} columnGap={3} > - - Site : {gameFromUrl?.site || game.header().Site || "?"} - + + + Site : {gameFromUrl?.site || game.header().Site || "?"} + + - - Date : {gameFromUrl?.date || game.header().Date || "?"} - + + + Date : {gameFromUrl?.date || game.header().Date || "?"} + + - - Result :{" "} - {gameFromUrl?.termination || game.header().Termination || "?"} - + + + Result :{" "} + {gameFromUrl?.termination || game.header().Termination || "?"} + + );