Fix ui bug on why is this correct box
This commit is contained in:
parent
ec318e9e9a
commit
838013fb9a
1 changed files with 13 additions and 11 deletions
|
|
@ -149,17 +149,19 @@ export const QuizCreator: React.FC<QuizCreatorProps> = ({ onFinalize, onCancel }
|
||||||
placeholder={`Option ${idx + 1}`}
|
placeholder={`Option ${idx + 1}`}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<input
|
<div className="pl-12">
|
||||||
type="text"
|
<input
|
||||||
value={reasons[idx]}
|
type="text"
|
||||||
onChange={(e) => {
|
value={reasons[idx]}
|
||||||
const newReasons = [...reasons];
|
onChange={(e) => {
|
||||||
newReasons[idx] = e.target.value;
|
const newReasons = [...reasons];
|
||||||
setReasons(newReasons);
|
newReasons[idx] = e.target.value;
|
||||||
}}
|
setReasons(newReasons);
|
||||||
className="w-full p-2 ml-12 text-sm outline-none text-gray-500 bg-gray-50 rounded-lg placeholder:text-gray-400"
|
}}
|
||||||
placeholder={isSelected ? "Why is this correct? (optional)" : "Why is this wrong? (optional)"}
|
className="w-full p-2 text-sm outline-none text-gray-500 bg-gray-50 rounded-lg placeholder:text-gray-400"
|
||||||
/>
|
placeholder={isSelected ? "Why is this correct? (optional)" : "Why is this wrong? (optional)"}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue