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

Keep the templates button on the Rule stack’s Figma gap.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-08-19 09:58:48 -06:00
co-authored by Cursor
parent 7ea0a52bf1
commit 91f1d1569a
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/sections/RuleStack/RuleStack.view.tsx
-2
View File
@@ -23,11 +23,9 @@ export function RuleStackView({
w-full bg-transparent flex flex-col w-full bg-transparent flex flex-col
px-[20px] py-[32px] px-[20px] py-[32px]
min-[640px]:px-[32px] min-[640px]:py-[48px] min-[640px]:px-[32px] min-[640px]:py-[48px]
min-[768px]:py-[56px]
min-[1024px]:px-[64px] min-[1024px]:py-[64px] min-[1024px]:px-[64px] min-[1024px]:py-[64px]
min-[1440px]:px-[96px] min-[1440px]:px-[96px]
gap-[24px] gap-[24px]
min-[768px]:gap-[32px]
min-[1024px]:gap-[40px] min-[1024px]:gap-[40px]
${className} ${className}
`} `}
tests/unit/RuleStack.test.jsx
+2 -1
View File
@@ -189,8 +189,8 @@ describe("RuleStack Component", () => {
expect(section?.className).toMatch(/min-\[640px\]:px-\[32px\]/); expect(section?.className).toMatch(/min-\[640px\]:px-\[32px\]/);
expect(section?.className).toMatch(/min-\[640px\]:py-\[48px\]/); expect(section?.className).toMatch(/min-\[640px\]:py-\[48px\]/);
expect(section?.className).toMatch(/gap-\[24px\]/); expect(section?.className).toMatch(/gap-\[24px\]/);
expect(section?.className).toMatch(/min-\[768px\]:gap-\[32px\]/);
expect(section?.className).toMatch(/min-\[1024px\]:gap-\[40px\]/); expect(section?.className).toMatch(/min-\[1024px\]:gap-\[40px\]/);
expect(section?.className).not.toMatch(/min-\[768px\]:gap-\[32px\]/);
expect(section?.className).not.toMatch(/min-\[640px\]:gap-\[32px\]/); expect(section?.className).not.toMatch(/min-\[640px\]:gap-\[32px\]/);
}); });
@@ -279,6 +279,7 @@ describe("RuleStack Component", () => {
const section = document.querySelector("section"); const section = document.querySelector("section");
expect(section?.className).toMatch(/min-\[640px\]:py-\[48px\]/); expect(section?.className).toMatch(/min-\[640px\]:py-\[48px\]/);
expect(section?.className).not.toMatch(/min-\[768px\]:py-\[56px\]/);
expect(section?.className).toMatch(/min-\[1024px\]:py-\[64px\]/); expect(section?.className).toMatch(/min-\[1024px\]:py-\[64px\]/);
}); });