numerical textarea reduced

avantifellows · Sep 9, 2024 · f068f84 · f068f84
1 parent 9aa7314
commit f068f84
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Omr/OmrItem.vue b/src/components/Omr/OmrItem.vue
@@ -105,12 +105,12 @@
           <!-- input area for the answer -->
           <Textarea
             v-model:value="numericalAnswer"
-            class="px-1 w-full"
+            class="px-1 w-full text-lg"
             :boxStyling="numericalAnswerBoxStyling"
             placeholder="Only numbers are allowed"
             :inputMode="getInputMode"
             :isDisabled="isAnswerDisabled"
-            :maxHeightLimit="250"
+            :maxHeightLimit="50"
             @beforeinput="preventKeypressIfApplicable"
             data-test="numericalAnswer"
           ></Textarea>
@@ -749,7 +749,7 @@ export default defineComponent({
           (isAnswerSubmitted.value && !props.isGradedQuestion) ||
           (isQuizAssessment.value && !props.hasQuizEnded),
       },
-      "bp-420:h-12 sm:h-12 md:h-12 px-4 placeholder-gray-400 focus:border-gray-200 focus:ring-primary disabled:cursor-not-allowed",
+      "h-12 px-4 placeholder-gray-400 focus:border-gray-200 focus:ring-primary disabled:cursor-not-allowed",
     ]);
 
     state.subjectiveAnswer = defaultSubjectiveAnswer.value;

diff --git a/src/components/Questions/Body.vue b/src/components/Questions/Body.vue
@@ -154,12 +154,12 @@
           <!-- input area for the answer -->
           <Textarea
             v-model:value="numericalAnswer"
-            class="px-2 w-full"
+            class="px-2 w-full text-base"
             :boxStyling="numericalAnswerBoxStyling"
-            placeholder="Enter your answer here. Only numbers are allowed"
+            placeholder="Enter your answer here. Numbers only"
             :inputMode="getInputMode"
             :isDisabled="isAnswerDisabled"
-            :maxHeightLimit="250"
+            :maxHeightLimit="50"
             @beforeinput="preventKeypressIfApplicable"
             data-test="numericalAnswer"
           ></Textarea>
@@ -901,7 +901,7 @@ export default defineComponent({
           (props.isAnswerSubmitted && !props.isGradedQuestion) ||
           (isQuizAssessment.value && !props.hasQuizEnded),
       },
-      "bp-420:h-20 sm:h-28 md:h-36 px-4 placeholder-gray-400 focus:border-gray-200 focus:ring-primary disabled:cursor-not-allowed",
+      "h-12 px-4 placeholder-gray-400 focus:border-gray-200 focus:ring-primary disabled:cursor-not-allowed",
     ]);
 
     state.subjectiveAnswer = defaultSubjectiveAnswer.value;