feat(routes/show): add transition to star input

This patch adds a slight transition to the color changes when a user hovers over the stars in the `<ScoreInput>` component.
nicholaschiang · Jul 23, 2023 · e0f82e9 · e0f82e9 · vercel · Jul 23, 2023
1 parent 58c0c23
commit e0f82e9
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/routes/shows.$showId/rate-and-review.tsx b/app/routes/shows.$showId/rate-and-review.tsx
@@ -107,7 +107,7 @@ function StarSide({
   return (
     <RadioGroup.Item
       className={cn(
-        'overflow-hidden peer text-gray-300 dark:text-gray-600',
+        'overflow-hidden peer text-gray-300 dark:text-gray-600 transition-colors',
         'group-hover:aria-checked:text-gray-300 dark:group-hover:aria-checked:text-gray-600 group-hover:peer-aria-checked:text-gray-300 dark:group-hover:peer-aria-checked:text-gray-600',
         'aria-checked:text-gray-900 dark:aria-checked:text-gray-100 peer-aria-checked:text-gray-900 dark:peer-aria-checked:text-gray-100',
         'hover:!text-gray-900 dark:hover:!text-gray-100 peer-hover:!text-gray-900 dark:peer-hover:!text-gray-100',