donation snackbar moved higher in PWA

This commit is contained in:
Daniel Shleifman
2022-06-19 22:05:23 +03:00
parent 8cf9031254
commit 80a071c903

View File

@@ -5,9 +5,15 @@ import IconButton from '@material-ui/core/IconButton'
import CreditCardIcon from '@material-ui/icons/CreditCard' import CreditCardIcon from '@material-ui/icons/CreditCard'
import CloseIcon from '@material-ui/icons/Close' import CloseIcon from '@material-ui/icons/Close'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import styled from 'styled-components'
import { standaloneMedia } from 'style/standaloneMedia'
import DonateDialog from './DonateDialog' import DonateDialog from './DonateDialog'
const StyledSnackbar = styled(Snackbar)`
${standaloneMedia('margin-bottom: 90px')};
`
export default function DonateSnackbar() { export default function DonateSnackbar() {
const { t } = useTranslation() const { t } = useTranslation()
const [open, setOpen] = useState(false) const [open, setOpen] = useState(false)
@@ -22,7 +28,7 @@ export default function DonateSnackbar() {
<> <>
{open && <DonateDialog onClose={() => setOpen(false)} />} {open && <DonateDialog onClose={() => setOpen(false)} />}
<Snackbar <StyledSnackbar
anchorOrigin={{ anchorOrigin={{
vertical: 'bottom', vertical: 'bottom',
horizontal: 'center', horizontal: 'center',