Fixed answer buttons

Signed-off-by: Ioan Cristian CHELARU <iccjoc@proton.me>
This commit is contained in:
Ioan Cristian CHELARU 2024-06-02 12:06:55 +03:00
parent 2f6981f4f6
commit 6367c690a4

View file

@ -84,7 +84,7 @@ const QuestionView = ({ question, setState, state }: { question: Question, setSt
<button
onClick={() => { handleAnswerClick( true )}}
className="rounded-md bg-green-600 px-3.5 py-2.5 text-s font-semibold text-white shadow-sm hover:bg-green-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
style={{minWidth:'30%', minHeight:'30%'}}
style={{minWidth:'40%', minHeight:'40%', maxWidth:'40%', maxHeight:'40%'}}
>
<CheckCircleIcon></CheckCircleIcon>
I knew that!
@ -92,10 +92,10 @@ const QuestionView = ({ question, setState, state }: { question: Question, setSt
<button
onClick={() => {handleAnswerClick( false )}}
className="rounded-md bg-red-600 px-3.5 py-2.5 text-s font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
style={{minWidth:'30%', minHeight:'30%'}}
style={{minWidth:'40%', minHeight:'40%', maxWidth:'40%', maxHeight:'40%'}}
>
<XCircleIcon></XCircleIcon>
I didn't know that!
I didn't know!
</button>
</div>
</div>