@@ -23,6 +23,7 @@ import { NameConfig, withExposingConfigs } from "../generators/withExposing";
2323import { BoolControl } from "comps/controls/boolControl" ;
2424import { withDefault } from "comps/generators" ;
2525import SliderControl from "../controls/sliderControl" ;
26+ import { getBackgroundStyle } from "@lowcoder-ee/util/styleUtils" ;
2627
2728const EventOptions = [
2829{ label :trans ( "modalComp.open" ) , value :"open" , description :trans ( "modalComp.openDesc" ) } ,
@@ -35,13 +36,9 @@ const getStyle = (style: ModalStyleType, modalScrollbar: boolean) => {
3536 border-radius:${ style . radius }
3637 border:${ style . borderWidth } ${ style . border }
3738 overflow: hidden;
38- background-color:${ style . background }
39- ${ style . backgroundImage ?`background-image: url(${ style . backgroundImage } :';' }
40- ${ style . backgroundImageRepeat ?`background-repeat:${ style . backgroundImageRepeat } :'no-repeat;' }
41- ${ style . backgroundImageSize ?`background-size:${ style . backgroundImageSize } :'cover' }
42- ${ style . backgroundImagePosition ?`background-position:${ style . backgroundImagePosition } :'center;' }
43- ${ style . backgroundImageOrigin ?`background-origin:${ style . backgroundImageOrigin } :'padding-box;' }
4439 margin:${ style . margin }
40+ ${ getBackgroundStyle ( style ) }
41+
4542 .ant-modal-body > .react-resizable > .react-grid-layout {
4643 background-color:${ style . background }
4744 }