List/GridView: added gradient

raheeliftikhar5 · raheeliftikhar5 · commit 91d8e3ade451 · 2024-10-25T11:23:30.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/listViewComp/listView.tsx b/client/packages/lowcoder/src/comps/comps/listViewComp/listView.tsx
@@ -21,14 +21,15 @@ import { getCurrentItemParams, getData } from "./listViewUtils";
 import { useMergeCompStyles } from "@lowcoder-ee/util/hooks";
 import { childrenToProps } from "@lowcoder-ee/comps/generators/multi";
 import { AnimationStyleType } from "@lowcoder-ee/comps/controls/styleControlConstants";
+import { getBackgroundStyle } from "@lowcoder-ee/util/styleUtils";
 
 const ListViewWrapper = styled.div<{ $style: any; $paddingWidth: string,$animationStyle:AnimationStyleType }>`
   height: 100%;
   border: 1px solid ${(props) => props.$style.border};
   border-radius: ${(props) => props.$style.radius};
   padding: 3px ${(props) => props.$paddingWidth};
   rotate: ${(props) => props.$style.rotation};
-  background-color: ${(props) => props.$style.background};
+  ${props => getBackgroundStyle(props.$style)}
   ${props=>props.$animationStyle}
   
 `;
