🚸(frontend) add hover animation on rating Button

Nitpicking, enhance small interactivity with form.
2024-11-18 00:06:26 +01:00
parent 8e62f2ecd3
commit 4ffef3f94a
1 changed files with 5 additions and 0 deletions
--- a/src/frontend/src/features/rooms/components/Rating.tsx
+++ b/src/frontend/src/features/rooms/components/Rating.tsx
@@ -43,6 +43,11 @@ const ratingButtonRecipe = cva({
        backgroundColor: '#1d4ed8',
        color: 'white',
      },
+      false: {
+        '&[data-hovered]': {
+          backgroundColor: 'gray.100',
+        },
+      },
    },
    borderLeft: {
      true: {