@ant-design/pro-form
Version:
84 lines (83 loc) • 2.39 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.useStyle = useStyle;
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _proProvider = require("@ant-design/pro-provider");
var genLoginFormStyle = function genLoginFormStyle(token) {
return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, token.componentCls, {
'&-container': {
display: 'flex',
flex: '1',
flexDirection: 'column',
height: '100%',
paddingInline: 32,
paddingBlock: 24,
overflow: 'auto',
background: 'inherit'
},
'&-top': {
textAlign: 'center'
},
'&-header': {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
height: '44px',
lineHeight: '44px',
a: {
textDecoration: 'none'
}
},
'&-title': {
position: 'relative',
insetBlockStart: '2px',
color: '@heading-color',
fontWeight: '600',
fontSize: '33px'
},
'&-logo': {
width: '44px',
height: '44px',
marginInlineEnd: '16px',
verticalAlign: 'top',
img: {
width: '100%'
}
},
'&-desc': {
marginBlockStart: '12px',
marginBlockEnd: '40px',
color: token.colorTextSecondary,
fontSize: token.fontSize
},
'&-main': {
minWidth: '328px',
maxWidth: '580px',
margin: '0 auto',
'&-other': {
marginBlockStart: '24px',
lineHeight: '22px',
textAlign: 'start'
}
}
}), '@media (min-width: @screen-md-min)', (0, _defineProperty2.default)({}, "".concat(token.componentCls, "-container"), {
paddingInline: 0,
paddingBlockStart: 32,
paddingBlockEnd: 24,
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center 110px',
backgroundSize: '100%'
}));
};
function useStyle(prefixCls) {
return (0, _proProvider.useStyle)('LoginForm', function (token) {
var loginFormToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
componentCls: ".".concat(prefixCls)
});
return [genLoginFormStyle(loginFormToken)];
});
}