@aplus-frontend/ui
Version:
61 lines (60 loc) • 1.42 kB
JavaScript
import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
const l = (e) => ({
[`${e.componentCls}`]: {
[`${e.componentCls}--table-layout`]: {
display: "flex",
justifyContent: "space-between",
height: "100%",
"&.complex-layout": {
height: "100%",
position: "relative"
},
"&-left": {
flex: 1,
minWidth: 0,
paddingInlineEnd: e.spaceXL,
boxSizing: "border-box",
display: "flex",
flexDirection: "column",
"&-content": {
flex: 1,
".ant-table-body": {
height: "100%"
}
}
},
"&-right": {
maxHeight: e.apTableModalRightMaxHeight,
width: e.apTableModalRightWidth,
paddingInlineStart: e.spaceXL,
position: "relative",
display: "flex",
flexDirection: "column",
"&-content": {
flex: 1,
overflowY: "auto"
},
"&::before": {
content: '""',
height: "calc(100% + 16px)",
width: e.lineWidth,
backgroundColor: e.borderColorBase,
position: "absolute",
left: 0,
top: "-16px"
}
}
}
}
}), i = t(
"ApTable.Modal",
(e) => [l(e)],
{
apTableModalRightWidth: 410,
apTableModalRightMaxHeight: 640
}
);
export {
i as default,
l as genApTableModalStyle
};