fix: display form lines in grid (#1164)

lukasvinclav · web-flow · commit cc7f786375e4 · 2025-03-19T11:24:56.000+01:00
diff --git a/src/unfold/templatetags/unfold.py b/src/unfold/templatetags/unfold.py
@@ -367,9 +367,8 @@ def fieldset_row_classes(context: Context) -> str:
     if len(line.fields) > 1:
         classes.extend(
             [
-                "flex",
-                "flex-row",
-                "flex-wrap",
+                "grid",
+                f"lg:grid-cols-{len(line.fields)}",
             ]
         )
 

Original file line number	Diff line number	Diff line change
`@@ -367,9 +367,8 @@ def fieldset_row_classes(context: Context) -> str:`
`367`	`367`	`if len(line.fields) > 1:`
`368`	`368`	`classes.extend(`
`369`	`369`	`[`
`370`		`- "flex",`
`371`		`- "flex-row",`
`372`		`- "flex-wrap",`
	`370`	`+ "grid",`
	`371`	`+ f"lg:grid-cols-{len(line.fields)}",`
`373`	`372`	`]`
`374`	`373`	`)`
`375`	`374`