show error above the input field

2026-09-24 16:30:27 +08:00 · 2022-01-14 09:27:54 -05:00
parent 76528957c8
commit 40131ad187
1 changed files with 9 additions and 9 deletions
@@ -1,5 +1,14 @@
 <template>
    <div>
+        <b-alert
+            class="mt-2"
+            v-if="errorMessage"
+            :show="dismissCountDown"
+            variant="info"
+            @dismissed="dismissCountDown = 0"
+        >
+            {{ errorMessage }}
+        </b-alert>
        <b-row align-v="center">
            <b-col :sm="isRangeValid ? defaultInputSizeWithSlider : false">
                <!-- regular dot and dot on numpad have different codes -->
@@ -16,15 +25,6 @@
                <b-form-input v-model="currentValue" :min="min" :max="max" type="range" />
            </b-col>
        </b-row>
-        <b-alert
-            class="mt-2"
-            v-if="errorMessage"
-            :show="dismissCountDown"
-            variant="info"
-            @dismissed="dismissCountDown = 0"
-        >
-            {{ errorMessage }}
-        </b-alert>
    </div>
 </template>