Skip to content
Snippets Groups Projects
Commit 118f66b9 authored by Felipe D'Abrantes's avatar Felipe D'Abrantes
Browse files

Update style of questions page

parent 68dd7f3a
No related branches found
No related tags found
1 merge request!25Add a question management page
...@@ -37,7 +37,7 @@ const NewQuestionForm: FC<NewQuestionFormProps> = ({ ...@@ -37,7 +37,7 @@ const NewQuestionForm: FC<NewQuestionFormProps> = ({
</p> </p>
{/* Question Form */} {/* Question Form */}
<form className="flex flex-col align-center items-center pt-8 w-4/5 md:3/5" onSubmit={onFormSubmit}> <form className="flex flex-col align-center items-center pt-6 w-4/5 md:3/5" onSubmit={onFormSubmit}>
{/* Text Input */} {/* Text Input */}
<input <input
type="text" type="text"
......
...@@ -18,8 +18,8 @@ const QuestionList: FC<QuestionListProps> = ({ questions, onDeleteClick }) => ( ...@@ -18,8 +18,8 @@ const QuestionList: FC<QuestionListProps> = ({ questions, onDeleteClick }) => (
key={question.id} key={question.id}
className="flex flex-row items-center justify-between gap-x-6 py-5 px-4" className="flex flex-row items-center justify-between gap-x-6 py-5 px-4"
> >
<p className="text-base font-semibold leading-6 text-gray-900">{question.content}</p> <p className="text-base font leading-6 text-gray-900">{question.content}</p>
<TrashIcon className="shrink-0 h-6 w-6 cursor-pointer" type='button' onClick={() => onDeleteClick(question.id)} /> <TrashIcon className="shrink-0 h-4 w-4 cursor-pointer" color='grey' type='button' onClick={() => onDeleteClick(question.id)} />
</li> </li>
))} ))}
</ul> </ul>
......
...@@ -96,7 +96,8 @@ const Questions = () => { ...@@ -96,7 +96,8 @@ const Questions = () => {
{/* List of Questions */} {/* List of Questions */}
<div className="flex flex-col items-center w-full shadow-lg h-full pb-4 overflow-auto"> <div className="flex flex-col items-center w-full shadow-lg h-full pb-4 overflow-auto">
<h2 className="text-xl font-semibold leading-10 pt-4 text-gray-900">Questions Stored</h2> <h2 className="bg-gray-50 text-xl font-semibold leading-10 py-2 text-gray-900 w-full text-center">Questions Stored</h2>
{questions === undefined ? ( {questions === undefined ? (
<p>Loading...</p> <p>Loading...</p>
) : ( ) : (
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment