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

style answer option

Browse source
This commit is contained in:
Tatiana Nikolaeva 2025-04-05 21:39:28 +05:00
parent 05d5d396b8
commit 71e9f52e70
3 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
SurveyFrontend/src/components/AddAnswerButton/AddAnswerButton.module.css
View file

@ -1,6 +1,7 @@
/*AddAnswerButton.module.css*/ /*AddAnswerButton.module.css*/
.answerButton { .answerButton {
margin-top: 18px;
display: flex; display: flex;
gap: 10px; gap: 10px;
align-items: center; align-items: center;

10
SurveyFrontend/src/components/AnswerOption/AnswerOption.module.css
View file

@ -7,17 +7,25 @@
} }
.textAnswer{ .textAnswer{
border: none;
background-color: #ffffff;
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
align-items: center;
} }
.answerIcon{ .answerIcon{
vertical-align: middle; vertical-align: middle;
width: 24px;
} }
.answerInput{ .answerInput{
vertical-align: middle;
font-size: 18px;
font-weight: 500;
outline: none; outline: none;
border: none; border: none;
resize: none; resize: none;
display: flex;
align-items: center;
box-sizing: border-box;
} }

3
SurveyFrontend/src/components/AnswerOption/AnswerOption.tsx
View file

@ -4,6 +4,7 @@ import styles from'./AnswerOption.module.css';
const single_selected_response = '../../../public/radio_button_checked.svg'; const single_selected_response = '../../../public/radio_button_checked.svg';
const multiple_selected_response = '../../../public/check_box.svg'; const multiple_selected_response = '../../../public/check_box.svg';
// const single_response = // const single_response =
// const multiple_response =
interface AnswerOptionProps{ interface AnswerOptionProps{
index: number; index: number;
@ -14,7 +15,7 @@ interface AnswerOptionProps{
const AnswerOption: React.FC<AnswerOptionProps> = ({index, value, onChange, selectedType}) => { const AnswerOption: React.FC<AnswerOptionProps> = ({index, value, onChange, selectedType}) => {
const [currentValue, setCurrentValue] = useState(value); const [currentValue, setCurrentValue] = useState(value);
const [isEditing, setIsEditing] = useState(false); //редактируется ли сейчас const [isEditing, setIsEditing] = useState(false);
const textAreaRef = useRef<HTMLTextAreaElement>(null); const textAreaRef = useRef<HTMLTextAreaElement>(null);