| const BackdropComponent = ({ position = 'fixed', isLoading }) => ( | const BackdropComponent = ({ position = 'fixed', isLoading }) => ( | ||||
| <Backdrop | <Backdrop | ||||
| sx={{ | sx={{ | ||||
| // 'fixed' takes whole page, 'fixed' takes whole space of the parent element which needs to have 'relative' position | |||||
| // 'fixed' takes whole page, 'absolute' takes whole space of the parent element which needs to have 'relative' position | |||||
| position, | position, | ||||
| backgroundColor: ({ palette }) => | backgroundColor: ({ palette }) => | ||||
| alpha(palette.background.default, palette.action.disabledOpacity), | alpha(palette.background.default, palette.action.disabledOpacity), |