hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix colouring of checkbox

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2021-08-17 15:50:58 -04:00
parent cdb2d35e12
commit 9bcb1489cf
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/renderer/components/mui/checkbox/checkbox.tsx
View File

@ -19,7 +19,7 @@
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
import { Checkbox as MuiCheckbox, CheckboxClassKey, CheckboxProps, createStyles, Theme, withStyles } from "@material-ui/core";
import { Checkbox as MuiCheckbox, CheckboxClassKey, CheckboxProps, createStyles, withStyles } from "@material-ui/core";
import React from "react";
interface Styles extends Partial<Record<CheckboxClassKey, string>> {
@ -29,20 +29,28 @@ interface Props extends CheckboxProps {
classes: Styles;
}
export const Checkbox = withStyles((theme: Theme) =>
export const Checkbox = withStyles(() =>
createStyles({
root: {
width: 40,
height: 24,
height: 40,
padding: 0,
margin: "0 0 0 8px",
color: "var(--blue)",
"&$checked": {
color: "var(--blue)",
},
},
colorPrimary: {
},
colorSecondary: {
},
checked: {
},
disabled: {
},
indeterminate: {
},
colorPrimary: { },
colorSecondary: { },
checked: {},
disabled: {},
indeterminate: {},
input: {},
}),
)(({ classes, ...props }: Props) => {
return (
@ -54,9 +62,9 @@ export const Checkbox = withStyles((theme: Theme) =>
checked: classes.checked,
disabled: classes.disabled,
indeterminate: classes.indeterminate,
input: classes.input,
}}
{...props}
color="default"
/>
);
});