@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
85 lines (84 loc) • 2.3 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var styles_1 = tslib_1.__importDefault(require("../styles"));
var theme_1 = require("../utils/theme");
var menu = {
menu: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexBasis: 'auto',
flexGrow: 1,
flexShrink: 1,
justifyContent: 'flex-start',
overflow: 'hidden'
}
},
menu__header: {
classes: '',
props: {},
style: {
alignItems: 'center',
flexBasis: 'auto',
flexGrow: 0,
flexShrink: 0,
justifyContent: 'center',
marginTop: theme_1.theme.spacing.margin.medium,
marginBottom: theme_1.theme.spacing.margin.medium,
paddingLeft: theme_1.theme.spacing.padding.medium,
paddingRight: theme_1.theme.spacing.padding.medium
}
},
menu__headerContainer: {
classes: '',
props: {},
style: {
alignItems: 'center',
maxWidth: 720
}
},
menu__title: {
classes: '',
props: {
as: 'h1',
text: 'My oh my...where to begin...'
},
style: tslib_1.__assign({}, styles_1.default.textHeadline)
},
menu__subtitle: {
classes: '',
props: {
as: 'p',
text: 'Please choose a section to get started.'
},
style: tslib_1.__assign(tslib_1.__assign({}, styles_1.default.textBody), { fontSize: theme_1.theme.fontSizes.medium, marginTop: 15 })
},
menu__content: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
overflow: 'scroll',
paddingLeft: 10,
paddingRight: 10
}
},
menu__categories: {
classes: '',
props: {},
style: {
alignItems: 'stretch',
flexBasis: 'auto',
flexDirection: 'row',
flexGrow: 1,
flexShrink: 1,
flexWrap: 'wrap',
// gap: 20,
justifyContent: 'flex-start',
paddingBottom: 20
}
}
};
exports.default = menu;