mirror of
https://github.com/calli-eve/eve-pi.git
synced 2026-02-14 19:58:48 +01:00
Make toggle buttons more inline with rest of buttons
This commit is contained in:
@@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user