fix: Interactive quizzes, add and removing answers is challenge due to CSS scaling effect in editor page #343

This commit is contained in:
swve 2024-11-28 22:29:03 +01:00
parent 90a47880cb
commit 780968ba06

View file

@ -291,7 +291,7 @@ function QuizBlockComponent(props: any) {
<div <div
key={answer.answer_id} key={answer.answer_id}
className={twMerge( className={twMerge(
'outline outline-3 pr-2 shadow w-full flex items-center space-x-2 h-[30px] bg-opacity-50 hover:bg-opacity-100 hover:shadow-md rounded-s rounded-lg bg-white text-sm hover:scale-105 active:scale-110 duration-150 cursor-pointer ease-linear', 'outline outline-3 pr-2 shadow w-full flex items-center space-x-2 h-[30px] bg-opacity-50 hover:bg-opacity-100 hover:shadow-md rounded-s rounded-lg bg-white text-sm duration-150 cursor-pointer ease-linear',
answer.correct && isEditable ? 'outline-lime-300' : 'outline-white', answer.correct && isEditable ? 'outline-lime-300' : 'outline-white',
userAnswers.some( userAnswers.some(
(userAnswer: any) => (userAnswer: any) =>