change ui for feedback answers to use columns instead of rows

This commit is contained in:
Omair Saleh
2023-10-03 14:09:46 +08:00
parent 0a16e40a23
commit 1bed7f1cc9
@@ -21,15 +21,20 @@
</div>
</div>
<div class="row m-b-10" v-else-if="questions[index].question_type === 1" >
<div class="col" >
<validation-wrapper-component :validator="$v.answers.$each[index]" class="row">
<div class="col" v-for="ans in questions[index].question_answers">
<div :class="'question-answers-' + index">
<div class="btn btn-xs btn-block p-t-35 p-b-35 fs-16" :answerValue="ans.value" :answerId=ans.id @click="addClass($event, 'question-answers-' + index, index)">{{ ans.display_text }}</div>
</div>
</div>
</validation-wrapper-component>
<div class="col" v-for="ans in questions[index].question_answers">
<div :class="'question-answers-' + index">
<div class="btn btn-xs btn-block p-t-35 p-b-35 fs-16" :answerValue="ans.value" :answerId=ans.id @click="addClass($event, 'question-answers-' + index, index)">{{ ans.display_text }}</div>
</div>
</div>
<!-- <div class="col" >-->
<!-- <validation-wrapper-component :validator="$v.answers.$each[index]" class="row">-->
<!-- <div class="col" v-for="ans in questions[index].question_answers">-->
<!-- <div :class="'question-answers-' + index">-->
<!-- <div class="btn btn-xs btn-block p-t-35 p-b-35 fs-16" :answerValue="ans.value" :answerId=ans.id @click="addClass($event, 'question-answers-' + index, index)">{{ ans.display_text }}</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </validation-wrapper-component>-->
<!-- </div>-->
</div>
<div class="row m-b-10" v-else-if="questions[index].question_type === 6" >