unsloth/studio/frontend/src/lib/tick-icon.ts
Michael Han 587e59ca83
Studio: clearer check mark and even plus-menu hover padding (#6253)
* Studio: use a clearer check mark for the app-wide tick

Route every check mark through a shared tick-icon module with a plain
tick geometry, sized slightly larger than the stock icon so it reads
clearly in menus. No Pro icon assets are vendored.

* Studio: even out plus-menu hover padding on all sides

Trim the plus-menu side gutter to 9px so it matches the 0.5rem top/bottom
padding, and drop the container radius to 21px to keep corners concentric.

* Studio: bake the tick fallback stroke at 1.5 to match the icon set

---------

Co-authored-by: shimmyshimmer <info@unsloth.ai>
2026-06-12 06:44:08 -07:00

22 lines
695 B
TypeScript

// SPDX-License-Identifier: AGPL-3.0-only
// Copyright 2026-present the Unsloth AI Inc. team. All rights reserved. See /studio/LICENSE.AGPL-3.0
import type { IconSvgElement } from "@hugeicons/react";
// App-wide check mark. Plain tick geometry, sized a touch larger
// than the stock icon so it reads clearly in menus.
export const Tick02Icon: IconSvgElement = [
[
"path",
{
d: "M4.477 13.299L9.008 17.829L19.123 7.714",
stroke: "currentColor",
strokeLinecap: "round",
strokeLinejoin: "round",
// Fallback weight, matching the icon set; call sites with a
// strokeWidth prop override this.
strokeWidth: "1.5",
key: "0",
},
],
];