From 5cb5721a6f1f86327dcda95334cb5f87cec19fdb Mon Sep 17 00:00:00 2001 From: Lukas Date: Thu, 9 Apr 2026 01:07:45 +0200 Subject: [PATCH] Redesign PF2e action icons with diamond-parallel geometry MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Align cutout edges to 45° angles parallel to outer diamond shape. Multi-action icons use outlined diamonds with matched border width. Co-Authored-By: Claude Opus 4.6 (1M context) --- apps/web/src/components/stat-block-parts.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/apps/web/src/components/stat-block-parts.tsx b/apps/web/src/components/stat-block-parts.tsx index 4e042a7..c56c51f 100644 --- a/apps/web/src/components/stat-block-parts.tsx +++ b/apps/web/src/components/stat-block-parts.tsx @@ -61,11 +61,13 @@ function TraitSegments({ ); } -const ACTION_DIAMOND = "M50 2 L96 50 L50 98 L4 50 Z M48 28 L78 50 L48 72 Z"; +const ACTION_DIAMOND = "M50 2 L96 50 L50 98 L4 50 Z M48 27 L71 50 L48 73 Z"; const ACTION_DIAMOND_SOLID = "M50 2 L96 50 L50 98 L4 50 Z"; +const ACTION_DIAMOND_OUTLINE = + "M90 2 L136 50 L90 98 L44 50 Z M90 29 L111 50 L90 71 L69 50 Z"; const FREE_ACTION_DIAMOND = "M50 2 L96 50 L50 98 L4 50 Z M50 12 L12 50 L50 88 L88 50 Z"; -const FREE_ACTION_CHEVRON = "M48 28 L78 50 L48 72 Z"; +const FREE_ACTION_CHEVRON = "M48 27 L71 50 L48 73 Z"; const REACTION_ARROW = "M75 15 A42 42 0 1 0 85 55 L72 55 A30 30 0 1 1 65 25 L65 40 L92 20 L65 0 L65 15 Z"; @@ -101,7 +103,7 @@ function ActivityIcon({ activity }: Readonly<{ activity: ActivityCost }>) {