Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | 484x | import { Components } from "@mui/material";
export const dialog: Components["MuiDialog"] = {
defaultProps: {
sx: {
"& .MuiDialog-paper": {
top: "50px",
maxHeight: "90%",
},
},
},
styleOverrides: {
root: {
"*": {
"&::-webkit-scrollbar": {
width: 8,
},
"&::-webkit-scrollbar-track": {
backgroundColor: "inherit",
},
"&::-webkit-scrollbar-thumb": {
border: "2px solid #F9FCFF",
backgroundColor: "#DDDCE5",
},
},
"& .MuiDialog-container": {
alignItems: "flex-start",
},
"& .MuiDialog-paper": {
margin: 0,
borderRadius: "8px",
background: "#FFFFFF",
boxShadow:
"0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03)",
"@media (max-width: 600px)": {
top: 0,
height: "100%",
borderRadius: 0,
maxHeight: "100%",
},
},
"& .MuiDialogContent-root": {
padding: "24px 16px",
// borderBottom: "1px solid #DDDCE5",
},
"& .MuiDialogActions-root": {
backgroundColor: "#FFFFFF",
gap: "16px",
"@media (max-width: 600px)": {
flexDirection: "column-reverse",
justifyContent: "center",
"& > :not(:first-of-type)": {
marginLeft: 0,
},
"& .MuiButton-root": {
width: "100%",
},
},
},
},
},
};
|