mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-01-24 18:59:22 -06:00
Code Issues Packages Projects Releases 119 Wiki Activity

fix: smiley rating question now fits inside container (#839)

Browse Source 
* fix: smily rating question fit inside container

* wip

* fix: make row center aligned
This commit is contained in:
Shubham Palriwala
2023-10-03 18:29:32 +05:30
committed by GitHub
parent 49eb4e0c53
commit 8f35537bbf
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/surveys/src/components/RatingQuestion.tsx
View File

@@ -81,7 +81,7 @@ export default function RatingQuestion({
key={number}
onMouseOver={() => setHoveredNumber(number)}
onMouseLeave={() => setHoveredNumber(0)}
className="max-w-10 relative max-h-10 flex-1 cursor-pointer bg-white text-center text-sm leading-10">
className="max-w-10 relative flex max-h-10 flex-1 cursor-pointer justify-center bg-white text-center text-sm leading-10">
{question.scale === "number" ? (
<label
className={cn(
@@ -131,7 +131,11 @@ export default function RatingQuestion({
)}
</label>
) : (
<label className="flex h-full w-full justify-center text-slate-800">
<label
className={cn(
"flex items-center justify-center text-slate-800",
question.range === 10 ? "h-6 w-6" : "h-full w-full"
)}>
<HiddenRadioInput number={number} />
<RatingSmiley
active={value === number || hoveredNumber === number}