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;
align-items: center;
gap: 0 13px;
font-size: 0.9em;
}
&-input {

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

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