mirror of
https://github.com/kubeshark/kubeshark.git
synced 2025-09-29 14:26:18 +00:00
58 lines
1.4 KiB
TypeScript
58 lines
1.4 KiB
TypeScript
import {makeStyles} from "@material-ui/core";
|
|
|
|
// @ts-ignore
|
|
export const useCommonStyles = makeStyles(() => ({
|
|
button: {
|
|
backgroundColor: "#205cf5",
|
|
color: "white",
|
|
fontWeight: "600 !important",
|
|
fontSize: 12,
|
|
padding: "9px 12px",
|
|
borderRadius: "6px ! important",
|
|
|
|
"&:hover": {
|
|
backgroundColor: "#205cf5",
|
|
},
|
|
"&:disabled":{
|
|
backgroundColor: "rgba(0, 0, 0, 0.26)"
|
|
}
|
|
},
|
|
outlinedButton: {
|
|
backgroundColor: "transparent",
|
|
color: "#205cf5",
|
|
fontWeight: "600 !important",
|
|
fontSize: 12,
|
|
padding: "8px 12px",
|
|
border: "1px #205cf5 solid",
|
|
borderRadius: "6px ! important",
|
|
|
|
"&:hover": {
|
|
backgroundColor: "transparent",
|
|
},
|
|
},
|
|
textField: {
|
|
outline: 0,
|
|
background: "white",
|
|
borderRadius: "4px",
|
|
padding: "8px 10px",
|
|
border: "1px #9D9D9D solid",
|
|
fontSize: "14px",
|
|
color: "#494677",
|
|
height: "30px",
|
|
boxSizing: "border-box"
|
|
},
|
|
modal :{
|
|
position: 'absolute',
|
|
top: '10%',
|
|
left: '50%',
|
|
transform: 'translate(-50%, 0%)',
|
|
width: "MAX(40vw, 600px)",
|
|
bgcolor: 'background.paper',
|
|
borderRadius: '5px',
|
|
boxShadow: 24,
|
|
outline: "none",
|
|
p: 4,
|
|
color: '#000',
|
|
}
|
|
}));
|