Browse Source

style(muscle-selection.tsx): add scale effect on active muscle illustration for better user interaction feedback

Mathias 1 month ago
parent
commit
eaa29cfbed
1 changed files with 1 additions and 0 deletions
  1. 1 0
      src/features/workout-builder/ui/muscle-selection.tsx

+ 1 - 0
src/features/workout-builder/ui/muscle-selection.tsx

@@ -39,6 +39,7 @@ const MuscleIllustration = ({
       "cursor-pointer transition-colors",
       isSelected ? "fill-primary" : "fill-[#757575]",
       "md:group-hover:fill-primary/80 group-active:fill-primary/70 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary",
+      "group-active:scale-[0.99]",
     );
   };