haunter/chesskit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style : fix gap & margin & padding

Browse Source
This commit is contained in:
GuillaumeSD
2024-02-25 02:13:06 +01:00
parent 892004f0d0
commit 8d15b7e1a2
15 changed files with 104 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/sections/analysis/reviewPanelToolbar/arrowOptions.tsx
View File

@@ -18,7 +18,6 @@ export default function ArrowOptions() {
justifyContent="space-evenly"
alignItems="center"
xs={12}
marginY={3}
gap={3}
>
<FormControlLabel

61
src/sections/analysis/reviewPanelToolbar/index.tsx
View File

@@ -1,4 +1,4 @@
import { Divider, Grid, IconButton, Tooltip } from "@mui/material";
import { Grid, IconButton, Tooltip } from "@mui/material";
import { Icon } from "@iconify/react";
import { useAtomValue } from "jotai";
import { boardAtom } from "../states";
@@ -7,7 +7,6 @@ import FlipBoardButton from "./flipBoardButton";
import NextMoveButton from "./nextMoveButton";
import GoToLastPositionButton from "./goToLastPositionButton";
import SaveButton from "./saveButton";
import ArrowOptions from "./arrowOptions";
export default function ReviewPanelToolBar() {
const board = useAtomValue(boardAtom);
@@ -16,42 +15,36 @@ export default function ReviewPanelToolBar() {
const boardHistory = board.history();
return (
<>
<Divider sx={{ width: "90%", marginY: 3 }} />
<Grid container item justifyContent="center" alignItems="center" xs={12}>
<FlipBoardButton />
<Grid container item justifyContent="center" alignItems="center" xs={12}>
<FlipBoardButton />
<Tooltip title="Reset board">
<Grid>
<IconButton
onClick={() => boardActions.reset()}
disabled={boardHistory.length === 0}
>
<Icon icon="ri:skip-back-line" />
</IconButton>
</Grid>
</Tooltip>
<Tooltip title="Reset board">
<Grid>
<IconButton
onClick={() => boardActions.reset()}
disabled={boardHistory.length === 0}
>
<Icon icon="ri:skip-back-line" />
</IconButton>
</Grid>
</Tooltip>
<Tooltip title="Go to previous move">
<Grid>
<IconButton
onClick={() => boardActions.undo()}
disabled={boardHistory.length === 0}
>
<Icon icon="ri:arrow-left-s-line" height={30} />
</IconButton>
</Grid>
</Tooltip>
<Tooltip title="Go to previous move">
<Grid>
<IconButton
onClick={() => boardActions.undo()}
disabled={boardHistory.length === 0}
>
<Icon icon="ri:arrow-left-s-line" height={30} />
</IconButton>
</Grid>
</Tooltip>
<NextMoveButton />
<NextMoveButton />
<GoToLastPositionButton />
<GoToLastPositionButton />
<SaveButton />
</Grid>
<ArrowOptions />
</>
<SaveButton />
</Grid>
);
}