more pwa styles added

This commit is contained in:
Daniel Shleifman
2022-06-19 18:42:04 +03:00
parent f4a9eee631
commit 12ce3299b8
16 changed files with 87 additions and 48 deletions

View File

@@ -0,0 +1,33 @@
import { ListItem } from '@material-ui/core'
import Dialog from '@material-ui/core/Dialog'
import { pwaFooterHeight } from 'components/App/PWAFooter/style'
import styled from 'styled-components'
import { Header } from 'style/DialogStyles'
export const StyledMenuButtonWrapper = styled(ListItem).attrs({ button: true })`
@media screen and (display-mode: standalone) {
width: 100%;
height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 10px;
}
`
export const StyledDialog = styled(Dialog)`
@media screen and (display-mode: standalone) {
margin-bottom: ${pwaFooterHeight}px;
.MuiDialog-container .MuiPaper-root {
box-shadow: none;
}
}
`
export const StyledHeader = styled(Header)`
@media screen and (display-mode: standalone) {
padding-top: 47px;
}
`

View File

@@ -22,12 +22,6 @@ export default createGlobalStyle`
}
}
header {
@media screen and (display-mode: standalone) {
padding-top: 30px;
}
}
button {
font-family: "Open Sans", sans-serif;
letter-spacing: -0.1px;

View File

@@ -1,14 +0,0 @@
import { ListItem } from '@material-ui/core'
import styled from 'styled-components'
export default styled(ListItem).attrs({ button: true })`
@media screen and (display-mode: standalone) {
width: 100%;
height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 10px;
}
`