mrkrk/formaptix-web
1
0
Fork 0
mirror of https://github.com/grey-cat-1908/formaptix-web.git synced 2024-09-22 19:21:59 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixes

Browse source
This commit is contained in:
Vyacheslav 2024-08-25 18:05:14 +03:00
parent 3f5642ab35
commit 9cc8b5cd67
2 changed files with 22 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/forms/TextQuestion.vue
View file

@ -148,6 +148,7 @@ function validateInput() {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0 13px; gap: 0 13px;
font-size: 0.9em;
} }
&-input { &-input {

30
src/views/form/View.vue
View file

@ -83,15 +83,15 @@ onMounted(async () => {
<div class="view-form-info"> <div class="view-form-info">
<PhInfo :size="23" class="view-form-info--sign" /> Информация о форме <PhInfo :size="23" class="view-form-info--sign" /> Информация о форме
</div> </div>
<h2>{{ data.name }}</h2> <h2 class="form-title">{{ data.name }}</h2>
<p>{{ currentPage.text }}</p> <p class="form-description">{{ currentPage.text }}</p>
</div> </div>
<form @submit.prevent="submitForm" class=""> <form @submit.prevent="submitForm" class="">
<div class="view-form-q view-form-container"> <div class="view-form-q view-form-container">
<div class="default-card" v-for="question in currentPage.questions"> <div class="default-card" v-for="question in currentPage.questions">
<div class="view-form-q-title"> <div class="view-form-q-title">
<h3>{{ question.label }}</h3> <h3 class="form-q-title">{{ question.label }}</h3>
<p>{{ question.description }}</p> <p class="form-q-description">{{ question.description }}</p>
</div> </div>
<TextQuestion <TextQuestion
v-if="question.question_type === 1" v-if="question.question_type === 1"
@ -127,7 +127,7 @@ onMounted(async () => {
<div class="view-form-send-space" v-if="currentPageNumber === pageCount - 1"> <div class="view-form-send-space" v-if="currentPageNumber === pageCount - 1">
<button type="submit" class="default-button view-form-send">Отправить</button> <button type="submit" class="default-button view-form-send">Отправить</button>
<div class="view-form-info"> <div class="view-form-info">
<PhInfo :size="23" class="view-form-info--sign" /> Проверьте все данные перед <PhInfo :size="22" class="view-form-info--sign" /> Проверьте все данные перед
отправкой! отправкой!
</div> </div>
</div> </div>
@ -198,7 +198,7 @@ onMounted(async () => {
& h3 { & h3 {
font-weight: 400; font-weight: 400;
margin-bottom: 5px; margin-bottom: 8px;
} }
& p { & p {
@ -242,14 +242,26 @@ onMounted(async () => {
} }
@media (max-width: 500px) { @media (max-width: 500px) {
h2 { .form-title {
font-size: 1.3em; font-size: 1.3em;
} }
.form-description {
font-size: 0.9em;
}
.form-q-title {
font-size: 1.1em;
}
.form-q-description {
font-size: 0.88em;
}
} }
@media (max-width: 380px) { @media (max-width: 380px) {
h2 { .form-title {
font-size: 1.1em; font-size: 1.17em;
} }
} }
} }