재료 UI Javascript 대화를 증가 너비

Question 1

내가 사용하고 대화에서 재료 ui react js 고 늘려야의 폭니다. 내가 알고 있는 것은 소품 불 maxWidth 잘 사용하고 있습니다. 그가 너비까지 900px(면 maxWidth="lg"). 가 있다고 알고 있습니다 fullScreen 소품에서는 대화는 전체 화면입니다. 내가 무엇을 원하지 않습을 전체 화면이지만 내가 원하는 더 폭 보다 900px. 누군가의 도움을 받을 수 있는가?

Question 2

이 그것을 밖으로 생각...

당신을 가져와야 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>

  )
}

Question 3

물질 Ui 를 매우 많은 양의 방법으로 사용자 정의하기 위해서는 그들의 구성 요소가 제안할 수 있습니다 당신은 설명서를 읽고 그것에 대해 사용자 정의하는 방법

을 때 그것에 대해 하나의 구성 요소를 수 보다 편리하게 사용할 수 있는 이 sx prop

예를 들어로 작성된 문서의:

<Slider
  defaultValue={30}
  sx={{
    width: 300,
    color: 'success.main',
  }}
/>

Shakya Karunathilake · Answer 1 · 2021-11-24T08:59:48

이 그것을 밖으로 생각...

당신을 가져와야 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>

  )
}

Francesco Vattiato · Answer 2 · 2021-11-24T09:11:51

물질 Ui 를 매우 많은 양의 방법으로 사용자 정의하기 위해서는 그들의 구성 요소가 제안할 수 있습니다 당신은 설명서를 읽고 그것에 대해 사용자 정의하는 방법

을 때 그것에 대해 하나의 구성 요소를 수 보다 편리하게 사용할 수 있는 이 sx prop

예를 들어로 작성된 문서의:

<Slider
  defaultValue={30}
  sx={{
    width: 300,
    color: 'success.main',
  }}
/>

했다. 그가 너비까지 900px. 이 많이 필요해 폭상

재료 UI Javascript 대화를 증가 너비

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리