style : fix gap & margin & padding
This commit is contained in:
@@ -57,7 +57,7 @@ export default function AnalyzePanel() {
|
||||
xs={12}
|
||||
justifyContent="center"
|
||||
alignItems="center"
|
||||
rowGap={4}
|
||||
rowGap={3}
|
||||
>
|
||||
<Slider
|
||||
label="Maximum depth"
|
||||
@@ -75,14 +75,7 @@ export default function AnalyzePanel() {
|
||||
xs={6}
|
||||
/>
|
||||
|
||||
<Grid
|
||||
item
|
||||
container
|
||||
xs={12}
|
||||
justifyContent="center"
|
||||
alignItems="center"
|
||||
marginTop={1}
|
||||
>
|
||||
<Grid item container xs={12} justifyContent="center" alignItems="center">
|
||||
<LoadingButton
|
||||
variant="contained"
|
||||
size="large"
|
||||
|
||||
@@ -12,14 +12,7 @@ export default function GamePanel() {
|
||||
|
||||
if (!hasGameInfo) {
|
||||
return (
|
||||
<Grid
|
||||
item
|
||||
container
|
||||
xs={12}
|
||||
justifyContent="center"
|
||||
alignItems="center"
|
||||
marginY={1}
|
||||
>
|
||||
<Grid item container xs={12} justifyContent="center" alignItems="center">
|
||||
<Typography variant="h6">No game loaded</Typography>
|
||||
</Grid>
|
||||
);
|
||||
@@ -32,8 +25,7 @@ export default function GamePanel() {
|
||||
xs={12}
|
||||
justifyContent="center"
|
||||
alignItems="center"
|
||||
gap={3}
|
||||
marginY={1}
|
||||
gap={2}
|
||||
>
|
||||
<Grid item container xs={12} justifyContent="center" alignItems="center">
|
||||
<PlayerInfo color="white" />
|
||||
@@ -51,7 +43,7 @@ export default function GamePanel() {
|
||||
xs={10}
|
||||
justifyContent="space-evenly"
|
||||
alignItems="center"
|
||||
gap={3}
|
||||
gap={2}
|
||||
>
|
||||
<Typography>
|
||||
Site : {gameFromUrl?.site || game.header().Site || "?"}
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
import { Icon } from "@iconify/react";
|
||||
import { Divider, Grid, Typography } from "@mui/material";
|
||||
import AnalyzePanel from "./analyzePanel";
|
||||
import { Grid, Typography } from "@mui/material";
|
||||
import GamePanel from "./gamePanel";
|
||||
import LoadGame from "./loadGame";
|
||||
|
||||
@@ -34,15 +33,11 @@ export default function ReviewPanelHeader() {
|
||||
xs={12}
|
||||
justifyContent="center"
|
||||
alignItems="center"
|
||||
gap={4}
|
||||
gap={3}
|
||||
>
|
||||
<GamePanel />
|
||||
<LoadGame />
|
||||
</Grid>
|
||||
|
||||
<Divider sx={{ width: "90%", marginY: 3 }} />
|
||||
|
||||
<AnalyzePanel />
|
||||
</Grid>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user