nice pop effect on selection

2022-05-06 04:16:03 -05:00
parent ee53b2f03b
commit 566bcf49b8
3 changed files with 7 additions and 3 deletions
@@ -104,8 +104,11 @@ export default function LineRow({
  return (
    <div
      onClick={handleSelectLine}
-      className="flex flex-row items-center justify-start gap-2 p-2 px-4 h-14 hover:bg-gray-200 cursor-pointer transition-all
-  last:border-b-0 border-b border-b-gray-200"
+      className={`flex flex-row items-center justify-start gap-2 p-2 px-4 h-14 hover:bg-gray-200 cursor-pointer transition-all
+  last:border-b-0 border-b border-b-gray-200 ${
+    selectedLineId === masterLineData.lineDetails._id.toString() &&
+    "bg-gray-200 scale-110 shadow-2xl translate-x-3"
+  }`}
    >
      {/* status dot */}
      {renderActivityIcon}