Commitf462970

committed

Modal/Drawer: added gradients

1 parent91d8e3a commitf462970Copy full SHA for f462970

File tree

-7

lines changed

-7

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -136,7 +136,7 @@ let TmpDrawerComp = (function () {`
`136`	`136`	`},`
`137`	`137`	`body:{`
`138`	`138`	`padding:0,`
`139`		`-backgroundColor:props.style.background`
	`139`	`+background:props.style.background`
`140`	`140`	`}`
`141`	`141`	`}}`
`142`	`142`	`title={props.title}`

Lines changed: 3 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@ import { NameConfig, withExposingConfigs } from "../generators/withExposing";`
`23`	`23`	`import{BoolControl}from"comps/controls/boolControl";`
`24`	`24`	`import{withDefault}from"comps/generators";`
`25`	`25`	`importSliderControlfrom"../controls/sliderControl";`
	`26`	`+import{getBackgroundStyle}from"@lowcoder-ee/util/styleUtils";`
`26`	`27`
`27`	`28`	`constEventOptions=[`
`28`	`29`	`{label:trans("modalComp.open"),value:"open",description:trans("modalComp.openDesc")},`
`@@ -35,13 +36,9 @@ const getStyle = (style: ModalStyleType, modalScrollbar: boolean) => {`
`35`	`36`	`border-radius:${style.radius};`
`36`	`37`	`border:${style.borderWidth} solid${style.border};`
`37`	`38`	`overflow: hidden;`
`38`		`- background-color:${style.background};`
`39`		-${style.backgroundImage ?`background-image: url(${style.backgroundImage}) !important; ` :';'}
`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;'}
`44`	`39`	`margin:${style.margin};`
	`40`	`+${getBackgroundStyle(style)}`
	`41`	`+`
`45`	`42`	`.ant-modal-body > .react-resizable > .react-grid-layout {`
`46`	`43`	`background-color:${style.background};`
`47`	`44`	`}`

Comments

(0)