CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Keep process-card numerals upright and match Display type and section gaps.

Browse Source 
Rotate only the numbered shapes, use 24/32 and 32/1.1 card copy, and tighten the header-to-CTA stack.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-08-18 20:46:28 -06:00
co-authored by Cursor
parent 9769bcc76d
commit b6cf980d23
5 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/unit/Step.test.jsx
+5 -8
View File
@@ -137,12 +137,9 @@ describe("Step Component", () => {
const textElement = screen.getByText("Test Card Text");
expect(textElement).toHaveClass(
"text-[24px]",
"sm:text-[24px]",
"sm:leading-[24px]",
"lg:text-[24px]",
"lg:leading-[24px]",
"leading-[32px]",
"xl:text-[32px]",
"xl:leading-[32px]",
"xl:leading-[1.1]",
);
});
@@ -234,7 +231,7 @@ describe("Step Component", () => {
);
const textElement = screen.getByText("Test Card Text");
expect(textElement).toHaveClass("text-[24px]", "leading-[24px]");
expect(textElement).toHaveClass("text-[24px]", "leading-[32px]");
});
it("applies Large size variant correctly", () => {
@@ -254,7 +251,7 @@ describe("Step Component", () => {
);
const textElement = screen.getByText("Test Card Text");
expect(textElement).toHaveClass("text-[24px]", "leading-[24px]");
expect(textElement).toHaveClass("text-[24px]", "leading-[32px]");
});
it("applies XLarge size variant correctly", () => {
@@ -274,6 +271,6 @@ describe("Step Component", () => {
);
const textElement = screen.getByText("Test Card Text");
expect(textElement).toHaveClass("text-[32px]", "leading-[32px]");
expect(textElement).toHaveClass("text-[32px]", "leading-[1.1]");
});
});