pwa footer toggles modals

This commit is contained in:
Daniel Shleifman
2022-06-19 19:14:36 +03:00
parent 12ce3299b8
commit acaf80d94e
8 changed files with 57 additions and 31 deletions

View File

@@ -3,6 +3,7 @@ import Dialog from '@material-ui/core/Dialog'
import { pwaFooterHeight } from 'components/App/PWAFooter/style'
import styled from 'styled-components'
import { Header } from 'style/DialogStyles'
import { isStandaloneApp } from 'utils/Utils'
export const StyledMenuButtonWrapper = styled(ListItem).attrs({ button: true })`
@media screen and (display-mode: standalone) {
@@ -16,7 +17,9 @@ export const StyledMenuButtonWrapper = styled(ListItem).attrs({ button: true })`
}
`
export const StyledDialog = styled(Dialog)`
export const StyledDialog = styled(Dialog).attrs({
...(isStandaloneApp && { hideBackdrop: true, transitionDuration: 0 }),
})`
@media screen and (display-mode: standalone) {
margin-bottom: ${pwaFooterHeight}px;