diff --git a/api/collections/fields/row.yml b/api/collections/fields/row.yml index 3e8b1cc..1a8d386 100644 --- a/api/collections/fields/row.yml +++ b/api/collections/fields/row.yml @@ -51,6 +51,12 @@ subFields: label: Zeile normal umbrechen helperText: "Ist dies aktiviert, so wird die Zeile normal und nicht reverse umgebrochen." + - name: twoToThree + type: boolean + meta: + label: Zwei zu drei + helperText: "Ist dies aktiviert, so wird die Zeile in zwei zu drei Spalten aufgeteilt." + - name: columns type: object[] meta: diff --git a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte index 845b736..4ee7c3d 100644 --- a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte +++ b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte @@ -66,6 +66,7 @@ {/if}
@@ -171,6 +172,14 @@ align-items: flex-start; flex-wrap: wrap; gap: 20px; + &.towToThree { + .col:nth-child(1) { + flex: 2; + } + .col:nth-child(2) { + flex: 3; + } + } &.dominant { @media (max-width: 1024px) { flex-direction: row-reverse;