Make toggle buttons more inline with rest of buttons

This commit is contained in:
Calli
2023-10-06 17:47:49 +03:00
parent cb6dda73d1
commit 53c57a0383
2 changed files with 13 additions and 13 deletions

View File

@@ -1,18 +1,15 @@
import { SessionContext } from "@/app/context/Context";
import { ToggleButton, Tooltip } from "@mui/material";
import { Button, Tooltip } from "@mui/material";
import { useContext } from "react";
export const PlanModeButton = () => {
const { planMode, togglePlanMode } = useContext(SessionContext);
return (
<Tooltip title="Toggle plan mode that show layout for widescreen">
<ToggleButton
value="check"
selected={planMode}
onChange={togglePlanMode}
>
<Button onClick={togglePlanMode} style={{backgroundColor: planMode ? 'rgba(144, 202, 249, 0.08)' : 'inherit'}}>
Plan mode
</ToggleButton>
</Button>
</Tooltip>
);
};