Improve UX by refining marker placement

daniel-echevarria · Dec 3, 2024 · 4739887 · 4739887
1 parent c2010eb
commit 4739887
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/GamePage/GamePage.jsx b/src/components/GamePage/GamePage.jsx
@@ -38,8 +38,8 @@ const GamePage = ({ characters, setCharacters }) => {
       ...markers,
       {
         name: marker.name,
-        x: marker.x,
-        y: marker.y,
+        x: marker.x + 8,
+        y: marker.y + 8,
       },
     ]);
   };

diff --git a/src/components/GamePage/Targets/Targets.css b/src/components/GamePage/Targets/Targets.css
@@ -13,9 +13,9 @@
   border-radius: 5px;
   padding: 10px 20px;
   font-size: large;
-  border: 1px solid black;
+  border: 2px solid black;
 }
 
 .found {
-  border: 4px solid lightgreen;
+  border: 2px solid lightgreen;
 }
diff --git a/src/components/GamePage/Targets/Targets.jsx b/src/components/GamePage/Targets/Targets.jsx
@@ -18,7 +18,7 @@ const Targets = ({ characters }) => {
 
   return (
     <>
-      <div className="targets"> Targets: {targetBoxes}</div>;
+      <div className="targets"> Targets: {targetBoxes}</div>
     </>
   );
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -18,7 +18,7 @@ const Targets = ({ characters }) => { @@
       return (
         <>
-          <div className="targets"> Targets: {targetBoxes}</div>;
+          <div className="targets"> Targets: {targetBoxes}</div>
         </>
       );
     };
@@ Expand Down @@