Loading src/components/templates/layout/3ColumnsLayout/threeColumnsLayout.story.js +19 −17 Original line number Diff line number Diff line Loading @@ -79,31 +79,33 @@ export const _3ColumnsLayout = (args) => { const tabletColumnsClasses = getColumnsSizeClasses(args.tabletColumnsSize, "md"); const mobileColumnsClasses = getColumnsSizeClasses(args.mobileColumnsSize, "sm"); return threeColumnsLayout({ attributes: new DrupalAttribute(), col_attributes: new DrupalAttribute(), row: args.row && "row", container: args.container && "container", content: args.content, container_classes: [], row_classes: [], columns: { col1: { const columnsData = [ { attributes: new DrupalAttribute(), size: `varbase-col ${desktopColumnsClasses[0]} ${tabletColumnsClasses[0]} ${mobileColumnsClasses[0]}`, content: args.columnOneContent, }, col2: { { attributes: new DrupalAttribute(), size: `varbase-col ${desktopColumnsClasses[1]} ${tabletColumnsClasses[1]} ${mobileColumnsClasses[1]}`, content: args.columnTwoContent, }, col3: { { attributes: new DrupalAttribute(), size: `varbase-col ${desktopColumnsClasses[2]} ${tabletColumnsClasses[2]} ${mobileColumnsClasses[2]}`, content: args.columnThreeContent, }, }, } ] return threeColumnsLayout({ attributes: new DrupalAttribute(), col_attributes: new DrupalAttribute(), row: args.row && "row", container: args.container && "container", content: args.content, container_classes: [], row_classes: [], columns: columnsData }); }; Loading Loading
src/components/templates/layout/3ColumnsLayout/threeColumnsLayout.story.js +19 −17 Original line number Diff line number Diff line Loading @@ -79,31 +79,33 @@ export const _3ColumnsLayout = (args) => { const tabletColumnsClasses = getColumnsSizeClasses(args.tabletColumnsSize, "md"); const mobileColumnsClasses = getColumnsSizeClasses(args.mobileColumnsSize, "sm"); return threeColumnsLayout({ attributes: new DrupalAttribute(), col_attributes: new DrupalAttribute(), row: args.row && "row", container: args.container && "container", content: args.content, container_classes: [], row_classes: [], columns: { col1: { const columnsData = [ { attributes: new DrupalAttribute(), size: `varbase-col ${desktopColumnsClasses[0]} ${tabletColumnsClasses[0]} ${mobileColumnsClasses[0]}`, content: args.columnOneContent, }, col2: { { attributes: new DrupalAttribute(), size: `varbase-col ${desktopColumnsClasses[1]} ${tabletColumnsClasses[1]} ${mobileColumnsClasses[1]}`, content: args.columnTwoContent, }, col3: { { attributes: new DrupalAttribute(), size: `varbase-col ${desktopColumnsClasses[2]} ${tabletColumnsClasses[2]} ${mobileColumnsClasses[2]}`, content: args.columnThreeContent, }, }, } ] return threeColumnsLayout({ attributes: new DrupalAttribute(), col_attributes: new DrupalAttribute(), row: args.row && "row", container: args.container && "container", content: args.content, container_classes: [], row_classes: [], columns: columnsData }); }; Loading