quickabdest/theme/components.js

138 lines
2.4 KiB
JavaScript

const components = {
MuiButtonBase: {
defaultProps: {
disableRipple: true,
},
},
MuiLink: {
defaultProps: {
underline: "hover",
},
},
MuiCardHeader: {
defaultProps: {
titleTypographyProps: {
variant: "h6",
},
},
styleOverrides: {
action: {
marginTop: "-4px",
marginRight: "-4px",
},
},
},
MuiCard: {
styleOverrides: {
root: {
borderRadius: "6px",
boxShadow:
"rgba(50, 50, 93, 0.025) 0px 2px 5px -1px, rgba(0, 0, 0, 0.05) 0px 1px 3px -1px",
backgroundImage: "none",
},
},
},
MuiPaper: {
styleOverrides: {
root: {
backgroundImage: "none",
},
},
},
MuiPickersDay: {
styleOverrides: {
day: {
fontWeight: "300",
},
},
},
MuiPickersYear: {
styleOverrides: {
root: {
height: "64px",
},
},
},
MuiPickersCalendar: {
styleOverrides: {
transitionContainer: {
marginTop: "6px",
},
},
},
MuiPickersCalendarHeader: {
styleOverrides: {
iconButton: {
backgroundColor: "transparent",
"& > *": {
backgroundColor: "transparent",
},
},
switchHeader: {
marginTop: "2px",
marginBottom: "4px",
},
},
},
MuiPickersClock: {
styleOverrides: {
container: {
margin: `32px 0 4px`,
},
},
},
MuiPickersClockNumber: {
styleOverrides: {
clockNumber: {
left: `calc(50% - 16px)`,
width: "32px",
height: "32px",
},
},
},
MuiPickerDTHeader: {
styleOverrides: {
dateHeader: {
"& h4": {
fontSize: "2.125rem",
fontWeight: 400,
},
},
timeHeader: {
"& h3": {
fontSize: "3rem",
fontWeight: 400,
},
},
},
},
MuiPickersTimePicker: {
styleOverrides: {
hourMinuteLabel: {
"& h2": {
fontSize: "3.75rem",
fontWeight: 300,
},
},
},
},
MuiPickersToolbar: {
styleOverrides: {
toolbar: {
"& h4": {
fontSize: "2.125rem",
fontWeight: 400,
},
},
},
},
MuiChip: {
styleOverrides: {
root: {
borderRadius: "6px",
},
},
},
};
export default components;