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}`}
|
||||
/>
|
||||
</div>
|
||||
<input
|
||||
type="text"
|
||||
value={reasons[idx]}
|
||||
onChange={(e) => {
|
||||
const newReasons = [...reasons];
|
||||
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)"}
|
||||
/>
|
||||
<div className="pl-12">
|
||||
<input
|
||||
type="text"
|
||||
value={reasons[idx]}
|
||||
onChange={(e) => {
|
||||
const newReasons = [...reasons];
|
||||
newReasons[idx] = e.target.value;
|
||||
setReasons(newReasons);
|
||||
}}
|
||||
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>
|
||||
)
|
||||
})}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue