Docs: Fix span animation

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/7613
GitOrigin-RevId: d0c19eb840948b23b2972188ecfab9363defe336
This commit is contained in:
Sean Park-Ross 2023-01-20 19:12:20 +02:00 committed by hasura-bot
parent 41d5bf2a19
commit 4c3f2884a5
2 changed files with 3 additions and 3 deletions

View File

@ -121,7 +121,7 @@ export const Feedback = ({metadata}: {metadata: any}) => {
</div>
: <div className={styles.numberRow}>
{scores.map((star, index) => (
<span key={star} onClick={() => handleScoreClick(star)}
<div className={styles.star} key={star} onClick={() => handleScoreClick(star)}
onMouseEnter={() => setHoveredScore(index + 1)}
onMouseLeave={() => setHoveredScore(-1)}>
{rating >= star ? (
@ -135,7 +135,7 @@ export const Feedback = ({metadata}: {metadata: any}) => {
d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"/>
</svg>
)}
</span>
</div>
))}
</div>
}

View File

@ -181,7 +181,7 @@ html[data-theme='dark'] {
justify-content: flex-end;
}
span {
.star {
transition: .1s ease-out;
cursor: pointer;
&:hover {