horizontal row

Author: MenamAfzal

client/packages/lowcoder/src/comps/comps/listViewComp/listView.tsx

@@ -57,7 +57,7 @@ const ListOrientationWrapper = styled.div<{
 }>`
   height: ${(props) => (props.$autoHeight ? "auto" : "100%")};
   display: flex;
-  flex-direction: ${(props) => (props.$isHorizontal && !props.$isGrid ? "row" : "column")};
+  flex-direction: ${(props) => (props.$isHorizontal ? "row" : "column")};
   height: 100%;
 `;
 
@@ -167,6 +167,7 @@ type Props = {
 };
 
 export function ListView(props: Props) {
+  console.log("🚀 ~ ListView ~ props:", props)
   const { comp } = props;
   const children = comp.children;
   const ref = useRef(null);
@@ -189,6 +190,7 @@ export function ListView(props: Props) {
   const showHorizontalScrollbar = useMemo(() => children.showHorizontalScrollbar.getView(), [children.showHorizontalScrollbar]);
   const showVerticalScrollbar = useMemo(() => children.showVerticalScrollbar.getView(), [children.showVerticalScrollbar]);
   const horizontal = useMemo(() => children.horizontal.getView(), [children.horizontal]);
+  console.log("🚀 ~ ListView ~ horizontal:", horizontal)
   const minHorizontalWidth = useMemo(() => children.minHorizontalWidth.getView(), [children.minHorizontalWidth]);
   const noOfColumns = useMemo(
     () => Math.max(1, children.noOfColumns.getView()),