@open-tender/store
Version:
A library of hooks, reducers, utility functions, and types for use with Open Tender applications that utilize our in-store POS API
62 lines (61 loc) • 1.48 kB
JavaScript
import { theme } from '../utils';
var modal = {
modal: {
classes: '',
props: {},
style: {
position: 'absolute',
zIndex: 10,
bottom: 0,
top: 0,
left: 0,
right: 0,
alignItems: 'stretch',
justifyContent: 'center'
}
},
modal__container: {
classes: '',
props: {},
style: {
alignItems: 'center',
display: 'flex',
flexGrow: 1,
justifyContent: 'center',
position: 'relative'
}
},
modal__overlay: {
classes: '',
props: {},
style: {
position: 'absolute',
zIndex: 1,
bottom: 0,
top: 0,
left: 0,
right: 0,
backgroundColor: theme.colors.text.primary,
opacity: 0.5
}
},
modal__contentContainer: {
classes: '',
props: {},
style: {
position: 'absolute',
zIndex: 2,
// bottom: 100,
// top: 100,
// left: 100,
// right: 100,
bottom: theme.spacing.padding.large,
top: theme.spacing.padding.large,
left: theme.spacing.padding.large,
right: theme.spacing.padding.large,
alignItems: 'center',
justifyContent: 'center'
}
}
};
export default modal;