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 <button
onClick={() => { handleAnswerClick( true )}} 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" 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> <CheckCircleIcon></CheckCircleIcon>
I knew that! I knew that!
@ -92,10 +92,10 @@ const QuestionView = ({ question, setState, state }: { question: Question, setSt
<button <button
onClick={() => {handleAnswerClick( false )}} 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" 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> <XCircleIcon></XCircleIcon>
I didn't know that! I didn't know!
</button> </button>
</div> </div>
</div> </div>