mrkrk/formaptix-web
1
0
Fork 0
mirror of https://github.com/grey-cat-1908/formaptix-web.git synced 2024-11-11 18:47:27 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update ScaleQuestion.vue

Browse source
This commit is contained in:
Vyacheslav 2024-08-26 15:41:17 +03:00
parent 1a9e38730f
commit f78c41f956
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/forms/ScaleQuestion.vue
View file

@ -12,6 +12,7 @@
v-model="selectedValue" v-model="selectedValue"
:required="isRequired" :required="isRequired"
@change="updateValue" @change="updateValue"
class="rating-option--btn"
/> />
<span>{{ n }}</span> <span>{{ n }}</span>
</label> </label>
@ -92,7 +93,7 @@ function cancelSelection() {
gap: 0 50px; gap: 0 50px;
width: 100%; width: 100%;
@media (max-width: 730px) { @media (max-width: 810px) {
flex-direction: column; flex-direction: column;
gap: 15px 0; gap: 15px 0;
} }
@ -102,9 +103,15 @@ function cancelSelection() {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 10px 0; gap: 20px 0;
@media (max-width: 730px) { &--btn {
width: 20px;
height: 20px;
cursor: pointer;
}
@media (max-width: 810px) {
flex-direction: initial; flex-direction: initial;
gap: 0 15px; gap: 0 15px;
} }