Center lockup-plus-card and card-stack create-flow steps in the nav–footer band so they are not stuck under the header when the content is shorter than the viewport.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-19 21:10:58 -06:00
parent 3c7fca83b2
commit d6d6a5e055
8 changed files with 54 additions and 9 deletions
@@ -3,6 +3,8 @@ import {
  CREATE_FLOW_MD_UP_COLUMN_MAX_CLASS,
  CREATE_FLOW_MD_UP_GRID_CELL_CLASS,
  CREATE_FLOW_TWO_COLUMN_MAX_WIDTH_CLASS,
+  CREATE_FLOW_MD_CENTERED_MAIN_CLASS,
+  CREATE_FLOW_MD_CENTERED_SHELL_CLASS,
 } from "../../app/(app)/create/components/createFlowLayoutTokens";

 describe("createFlowLayoutTokens", () => {
@@ -15,4 +17,11 @@ describe("createFlowLayoutTokens", () => {
    );
    expect(CREATE_FLOW_TWO_COLUMN_MAX_WIDTH_CLASS).toBe("md:max-w-[1328px]");
  });
+
+  it("centers lockup+card and card-stack steps in the nav–footer band from md", () => {
+    expect(CREATE_FLOW_MD_CENTERED_MAIN_CLASS).toBe(
+      "items-start justify-center overflow-y-auto",
+    );
+    expect(CREATE_FLOW_MD_CENTERED_SHELL_CLASS).toBe("md:my-auto md:pt-0");
+  });
 });