From afd9f2d30a229fd78f218093a1a53a9ef693e9e6 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Fri, 6 Aug 2021 08:34:27 +1000
Subject: [PATCH] Adjust token attachment size to be resolution independent

---
 src/components/konva/TokenAttachment.tsx | 26 +++++++++++++-----------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/konva/TokenAttachment.tsx b/src/components/konva/TokenAttachment.tsx
index 902843e..2511094 100644
--- a/src/components/konva/TokenAttachment.tsx
+++ b/src/components/konva/TokenAttachment.tsx
@@ -13,27 +13,29 @@ function TokenAttachment({
   highlight,
   radius,
 }: TokenAttachmentProps) {
+  const width = radius / 3;
+  const height = radius / 8;
   return (
     <Group>
       {/* Make a bigger hidden rect for hit registration */}
       <Rect
-        width={10}
-        height={5}
-        x={-5}
-        y={tokenHeight / 2 - 2.5}
+        width={width * 2}
+        height={height * 2}
+        x={-width}
+        y={tokenHeight / 2 - height}
         cornerRadius={2.5}
         fill="transparent"
       />
       <Rect
-        width={5}
-        height={2}
-        x={-2.5}
-        y={tokenHeight / 2 - 1}
+        width={width}
+        height={height}
+        x={-width / 2}
+        y={tokenHeight / 2 - height / 2}
         cornerRadius={2.5}
-        fill="rgba(36, 39, 51, 0.5)"
-        shadowColor="rgba(0,0,0,0.12)"
-        shadowOffsetY={1}
-        shadowBlur={2}
+        fill="rgba(36, 39, 51, 0.8)"
+        shadowColor="rgba(0,0,0,0.5)"
+        shadowOffsetY={radius / 40}
+        shadowBlur={radius / 15}
         hitFunc={() => {}}
       />
       {dragging ? (