Unify create-flow gutters, viewport height, and action-bar width so tablet and wide layouts stay aligned with step content.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-10 12:02:06 -06:00
parent 4055278628
commit 0e272f0c1e
20 changed files with 387 additions and 253 deletions
@@ -86,4 +86,17 @@ describe("CreateFlowFooter (behavioral tests)", () => {
    expect(buttons).toHaveLength(1);
    expect(buttons[0]).toHaveTextContent("Back");
  });
+
+  it("constrains the action row to the step content max-width", () => {
+    const { container } = render(
+      <CreateFlowFooter contentMaxClass="w-full min-w-0 lg:max-w-[640px]" />,
+    );
+    const footer = screen.getByRole("contentinfo", {
+      name: "Create Flow Footer",
+    });
+    expect(footer.className).toContain("pb-[env(safe-area-inset-bottom,0px)]");
+    expect(
+      container.querySelector('[class*="lg:max-w-[640px]"]'),
+    ).not.toBeNull();
+  });
 });