ultra-design
Version:
27 lines (24 loc) • 1.77 kB
JavaScript
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
import { css } from '@emotion/react';
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
var layoutStyles = function layoutStyles(_props) {
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n "])));
};
var headerStyles = function headerStyles(props) {
var theme = props.theme,
color = props.color;
var _theme$theme$mode = theme[theme.mode],
backgroundColor = _theme$theme$mode.backgroundColor,
textColor = _theme$theme$mode.textColor;
return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n height: 60px;\n padding: 0 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n "])), color === 'default' ? backgroundColor : color === 'primary' ? theme.style.primaryColor : color, color === 'primary' ? ' #fff' : textColor);
};
var siderStyles = function siderStyles(_props) {
return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 200px;\n height: 100%;\n "])));
};
var contentStyles = function contentStyles(_props) {
return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n flex: 1;\n padding: 12px;\n "])));
};
var footerStyles = function footerStyles(_props) {
return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n height: 60px;\n padding: 0 20px;\n display: flex;\n align-items: center;\n "])));
};
export { contentStyles, footerStyles, headerStyles, layoutStyles, siderStyles };