Fix tail transforms when moving right, down, and up.

BattlesnakeOfficial · Jul 5, 2021 · 586f7ab · 586f7ab
1 parent fb74c09
commit 586f7ab
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/grid.jsx b/src/components/grid.jsx
@@ -217,11 +217,11 @@ function getTailTransform(direction, viewBox) {
   const halfY = viewBox.height / 2;
   switch (direction) {
     case "right":
-      return `rotate(180 ${halfX} ${halfY})`;
+      return `scale(-1,1) translate(-100,0)`;
     case "down":
-      return `rotate(-90 ${halfX} ${halfY})`;
+      return `scale(-1,1) translate(-100,0) rotate(-90 ${halfX} ${halfY})`;
     case "up":
-      return `rotate(90 ${halfX} ${halfY})`;
+      return `scale(-1,1) translate(-100,0) rotate(90 ${halfX} ${halfY})`;
     default:
       return "";
   }