TeamWertarbyte/material-ui-fullscreen-dialog

fullscreen only in mobile screen

Closed this issue · 2 comments

is this component fullscreen when screen width is small ?
i look for a component that be full scren only when the screen is small, I mean responsive.

This component always displays in fullscreen mode. If you want to use a normal Dialog on larger screens, you can use something like react-responsive:

import Dialog from 'material-ui/Dialog'
import FullscreenDialog from 'material-ui-fullscreen-dialog'
import MediaQuery from 'react-responsive'

<MediaQuery query='(min-device-width: 1225px)'>
  <Dialog>
    Your dialog content here...
  </Dialog>
</MediaQuery>
<MediaQuery query='(max-width: 1224px)'>
  <FullscreenDialog>
    Your dialog content here...
  </FullscreenDialog>
</MediaQuery>

thanks !