Fix problems with spacing in Input

Bootstrap-Academy · Nov 13, 2024 · 39ba699 · 39ba699
1 parent ce4d559
commit 39ba699
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/components/input/index.vue b/components/input/index.vue
@@ -2,7 +2,7 @@
   <div>
     <div class="flex flex-wrap gap-card-sm items-center">
       <label
-        v-if="!noLabel"
+        v-if="!noLabel && label != ''"
         class="text-body-2 text-body font-body block mb-2"
         :for="id ?? label"
       >
@@ -40,6 +40,7 @@
     />
 
     <p
+      v-if="error"
       class="pt-2 text-xs relative z-0 transition ease-out duration-500 text-error"
       :class="
         error ? 'translate-y-0 opacity-100' : 'translate-y-[-100%] opacity-0'
@@ -51,8 +52,6 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
-import type { PropType } from "vue";
 import { useI18n } from "vue-i18n";
 
 export default defineComponent({