diff --git a/src/components/forms/TextQuestion.vue b/src/components/forms/TextQuestion.vue index 5eada2a..37e47a6 100644 --- a/src/components/forms/TextQuestion.vue +++ b/src/components/forms/TextQuestion.vue @@ -148,6 +148,7 @@ function validateInput() { display: flex; align-items: center; gap: 0 13px; + font-size: 0.9em; } &-input { diff --git a/src/views/form/View.vue b/src/views/form/View.vue index cad89d9..18a3013 100644 --- a/src/views/form/View.vue +++ b/src/views/form/View.vue @@ -83,15 +83,15 @@ onMounted(async () => {
Информация о форме
-

{{ data.name }}

-

{{ currentPage.text }}

+

{{ data.name }}

+

{{ currentPage.text }}

-

{{ question.label }}

-

{{ question.description }}

+

{{ question.label }}

+

{{ question.description }}

{
- Проверьте все данные перед + Проверьте все данные перед отправкой!
@@ -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; } } }