मैं का उपयोग कर रहा हूँ संवाद से सामग्री यूआई के साथ प्रतिक्रिया जे एस और चाहते हैं की चौड़ाई बढ़ाने के लिए । मैं जानता हूँ कि वहाँ है एक सहारा कहा जाता है maxWidth
और मैं इसे इस्तेमाल किया है. यह केवल बढ़ जाती है की चौड़ाई तक 900px (जब maxWidth="lg"
). मैं जानता हूँ कि वहाँ है एक fullScreen
सहारा में जो संवाद लेता है, पूरे स्क्रीन. मैं क्या चाहते हैं नहीं है लेने के लिए पूरे स्क्रीन, लेकिन मैं और अधिक करना चाहते हैं चौड़ाई की तुलना में 900px. कोई मेरी मदद कर सकता?
1
यह समझ से बाहर...
आप आयात करने के लिए है makeStyles
से material-ui/core
और ओवरराइड कुछ सामग्री स्टाइल ।
इस संवाद साझा घटक कोड.
import React from 'react';
//Material UI Components
import {
Dialog,
DialogContent
} from '@material-ui/core';
//Material UI Styling
import {
makeStyles
} from '@material-ui/core/styles';
const useStyles = makeStyles({
root: {
".MuiDialogContent-root": {
padding: "0px 24px 8px 24px !important"
},
"& .MuiDialog-paperWidthLg": {
maxWidth: "none !important"
},
"& .MuiDialog-paper": {
margin: 0
},
"& .MuiDialogTitle-root": {
padding: "4px !important"
}
},
content: {
"&:first-child": {
paddingTop: "12px"
}
}
});
export default function PopUp(props) {
const {
children,
openPopup,
setOpenPopup,
} = props;
const classes = useStyles();
const handleClose = () => {
setOpenPopup(false);
};
return (
<
Dialog className = {
classes.root
}
onClose = {
handleClose
}
open = {
openPopup
}
maxWidth = "lg" >
<
DialogContent className = {
classes.content
} > {
children
} <
/DialogContent>
<
/Dialog>
)
}