Make the selected-card dashed outline thicker so the ants box reads more clearly in the create flow.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -40,7 +40,7 @@ export function SelectionView({
|
||||
}: SelectionViewProps) {
|
||||
const borderClass = "border border-[var(--color-border-default-primary)]";
|
||||
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).
|
||||
|
||||
@@ -38,6 +38,8 @@ describe("Selection Component", () => {
|
||||
expect(screen.getByText("SELECTED")).toBeInTheDocument();
|
||||
const card = screen.getByRole("button");
|
||||
expect(card).toHaveClass("outline-dashed");
|
||||
expect(card).toHaveClass("outline-4");
|
||||
expect(card).toHaveClass("outline-offset-[-4px]");
|
||||
});
|
||||
|
||||
it("applies horizontal layout by default", () => {
|
||||
|
||||
Reference in New Issue
Block a user