Je ne suis pas en mesure d'augmenter la largeur du dialogue dans le matériau-ui ensuite. il ajoute une barre de défilement horizontale à Dailog. Y a-t-il un moyen d'augmenter la largeur de Dailog dans le matériau-ui ensuite? Peut-on aider?
Enfin, le code suivant fonctionne pour moi.
fullWidth={true}
maxWidth = {'md'}
Selon la documentation de Material-UI v1 pour Dialog , le prop maxWidth
est probablement ce dont vous avez besoin. L'implémentation du composant Dialog prend une liste énumérée de maxWidth
valeurs ['xs', 'sm', 'md', false]
. La propriété fullWidth
est également disponible pour tirer parti d'un écran complet ... probablement plus utile sur des écrans plus petits.
Vous pouvez également obtenir de la fantaisie et remplacer les styles en utilisant soit les styles en ligne avec style
, le mot clé JavaScript className
pour ajuster la class
dans le DOM, le prop classes
pour ajuster les classes insérées par MUI, ou vous pouvez même ajuster les valeurs de largeur dans le thème. en utilisant le concept overrides
. Tout cela est présenté dans la documentation avec quelques exemples simples. Cela peut prendre quelques tentatives pour cibler votre CSS personnalisé et le faire fonctionner comme vous le souhaitez.