From 8e3abd56c1b08a58ec070862b1fffdbd317c0b07 Mon Sep 17 00:00:00 2001
From: robin <binkrassdufass@gmail.com>
Date: Tue, 5 Sep 2023 13:40:05 +0000
Subject: [PATCH] ttt

---
 api/collections/fields/row.yml                           | 6 ++++++
 .../src/lib/components/Pagebuilder/Pagebuilder.svelte    | 9 +++++++++
 2 files changed, 15 insertions(+)

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}
     <div
         class="row"
+        class:twoToThree="{row.twoToThree}"
         class:normalWrap="{row.flexWrapNormal}"
         class:dominant="{row.columns.some((col) => col.contentType == 'iconCycleCircle')}"
     >
@@ -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;