@shopgate/pwa-common
Version:
Common library for the Shopgate Connect PWA.
36 lines • 750 B
JavaScript
import { css } from 'glamor';
import { responsiveMediaQuery } from '@shopgate/engage/styles';
const container = css({
position: 'fixed',
top: 0,
bottom: 0,
left: 0,
right: 0,
overflow: 'hidden',
zIndex: 2000
}).toString();
const layout = css({
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
height: '100%'
}).toString();
const content = css({
position: 'relative',
maxWidth: '100vw',
maxHeight: '100vh',
paddingTop: 'var(--safe-area-inset-top)',
paddingBottom: 'var(--safe-area-inset-bottom)',
overflowY: 'scroll',
[responsiveMediaQuery('>xs', {
webOnly: true
})]: {
overflowY: 'initial'
}
}).toString();
export default {
container,
layout,
content
};