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

Make the selected-card dashed outline thicker so the ants box reads more clearly in the create flow.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
adilallo
2026-08-26 12:33:32 -06:00
co-authored by Cursor
parent 2e995cb5f7
commit bdda522971
2 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/cards/Selection/Selection.view.tsx
+1 -1
View File
@@ -40,7 +40,7 @@ export function SelectionView({
}: SelectionViewProps) { }: SelectionViewProps) {
const borderClass = "border border-[var(--color-border-default-primary)]"; const borderClass = "border border-[var(--color-border-default-primary)]";
const selectedBorder = selected const selectedBorder = selected
? "outline outline-2 outline-dashed outline-black outline-offset-[-2px]" ? "outline outline-4 outline-dashed outline-black outline-offset-[-4px]"
: ""; : "";
// Figma: "Card / CardSelection" vertical stack — node `16775:28762` (dev). // Figma: "Card / CardSelection" vertical stack — node `16775:28762` (dev).
tests/unit/Selection.test.jsx
+2
View File
@@ -38,6 +38,8 @@ describe("Selection Component", () => {
expect(screen.getByText("SELECTED")).toBeInTheDocument(); expect(screen.getByText("SELECTED")).toBeInTheDocument();
const card = screen.getByRole("button"); const card = screen.getByRole("button");
expect(card).toHaveClass("outline-dashed"); expect(card).toHaveClass("outline-dashed");
expect(card).toHaveClass("outline-4");
expect(card).toHaveClass("outline-offset-[-4px]");
}); });
it("applies horizontal layout by default", () => { it("applies horizontal layout by default", () => {