fix: rating icon bug in safari (#2183)

Co-authored-by: Matthias Nannt <mail@matthiasnannt.com>
This commit is contained in:
Piyush Gupta
2024-03-05 16:00:59 +05:30
committed by GitHub
parent 73a25a412c
commit 45d5980527
@@ -103,7 +103,7 @@ export default function RatingQuestion({
key={number}
onMouseOver={() => setHoveredNumber(number)}
onMouseLeave={() => setHoveredNumber(0)}
className="bg-survey-bg relative flex-1 cursor-pointer text-center text-sm leading-[2.8rem]">
className="bg-survey-bg relative h-[41px] flex-1 cursor-pointer text-center text-sm leading-[2.8rem]">
{question.scale === "number" ? (
<label
tabIndex={i + 1}
@@ -131,7 +131,7 @@ export default function RatingQuestion({
}
}}
className={cn(
"flex max-h-16 justify-center focus:outline-none",
"flex h-full max-h-16 justify-center focus:outline-none",
number <= hoveredNumber || number <= (value as number)
? "text-amber-400"
: "text-slate-300",
@@ -150,7 +150,7 @@ export default function RatingQuestion({
) : (
<label
className={cn(
"flex max-h-16 justify-center",
"flex h-full max-h-16 justify-center",
value === number || hoveredNumber === number
? "stroke-rating-selected text-rating-selected"
: "stroke-heading text-heading"