drf-react-by-schema
Version:
Components and Tools for building a React App having Django Rest Framework (DRF) as server
60 lines (59 loc) • 2.47 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.detailFieldImg = exports.geoPicker = exports.metabaseAppEmbed = exports.formCardContent = exports.formCard = exports.fullWidthButton = exports.dataGridFixedHeight = exports.dataGridWithTabs = exports.dataGrid = exports.topBarOverList = exports.flexRowGrow = exports.flexColumn = exports.inLineForm = exports.actionButtons = exports.loadingBoxWhite = exports.loadingBox = exports.topBar = exports.flexRow = exports.main = exports.content = void 0;
exports.content = {
flexGrow: 1,
pr: 3,
pl: 3,
pt: 2,
pb: 0,
};
exports.main = Object.assign(Object.assign({}, exports.content), { ml: 4 });
exports.flexRow = {
display: 'flex',
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
};
exports.topBar = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', pl: 3, pr: 6 });
exports.loadingBox = Object.assign(Object.assign({}, exports.flexRow), { height: '100%', backgroundColor: '#ccc', justifyContent: 'center' });
exports.loadingBoxWhite = Object.assign(Object.assign({}, exports.flexRow), { height: '100%', justifyContent: 'center' });
exports.actionButtons = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', alignItems: 'flex-start' });
exports.inLineForm = Object.assign(Object.assign({}, exports.flexRow), { width: '100%', justifyContent: 'flex-start' });
exports.flexColumn = Object.assign(Object.assign({}, exports.flexRow), { flexDirection: 'column' });
exports.flexRowGrow = Object.assign(Object.assign({}, exports.flexRow), { flexGrow: 1 });
exports.topBarOverList = Object.assign(Object.assign({}, exports.flexRowGrow), { mb: 2 });
exports.dataGrid = {
height: 'calc(100vh - 180px)',
mt: 2,
};
exports.dataGridWithTabs = Object.assign(Object.assign({}, exports.dataGrid), { mt: 0 });
exports.dataGridFixedHeight = Object.assign(Object.assign({}, exports.dataGrid), { height: 400 });
exports.fullWidthButton = {
mt: 3,
width: '100%',
};
exports.formCard = {
width: '100%',
backgroundColor: (theme) => theme.palette.formCard.main,
mt: 2,
mb: 2,
};
exports.formCardContent = {
maxHeight: 350,
overflow: 'scroll',
};
exports.metabaseAppEmbed = {
height: 1700,
};
exports.geoPicker = {
height: 350,
width: '100%',
mt: 0,
};
exports.detailFieldImg = {
width: '100%',
maxWidth: 450,
maxHeight: 300,
overflow: 'hidden',
};