sheptikhinv/survey-webapp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change QuestionList, style QuestionItem

Browse source
This commit is contained in:
Tatiana Nikolaeva 2025-04-05 22:42:57 +05:00
parent b3132da636
commit 065917b4d2
4 changed files with 43 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

29
SurveyFrontend/src/components/QuestionItem/QuestionItem.module.css
View file

@ -9,11 +9,32 @@
border-radius: 14px;
}
.questionCard:last-child{
margin-bottom: 0;
}
.questionContainer{
display: flex;
flex-direction: column;
}
.questionTextarea{
border: none;
outline: none;
resize: none;
margin-bottom: 5px;
font-size: 24px;
font-weight: 600;
}
.buttonQuestion{
border: none;
outline: none;
background-color: #ffffff;
padding: 0;
}
.textQuestion{
margin-top: 0;
width: 100%;
font-size: 24px;
font-weight: 600;
margin-bottom: 35px;
text-align: start;
}

4
SurveyFrontend/src/components/QuestionItem/QuestionItem.tsx
View file

@ -83,8 +83,8 @@ const QuestionItem: React.FC<QuestionItemProps> = ({indexQuestion, initialTextQu
placeholder={initialTextQuestion}
/>
) : (
<button className={styles.textQuestion} onClick={handleQuestionClick}>
<h2>{textQuestion || initialTextQuestion}</h2>
<button className={styles.buttonQuestion} onClick={handleQuestionClick}>
<h2 className={styles.textQuestion}>{textQuestion || initialTextQuestion}</h2>
</button>
)}
{answerOption.map((answerText, index) => (