feat : Ajout de la sélection des bovins étape 3 d'une réception (WIP)

frontend/components/ui/UiNumberInput.vue

@@ -1,12 +1,19 @@
 <template>
-    <div :class="['flex items-center gap-4', wrapperClass]">
+    <div :class="['flex flex-row items-center gap-2', wrapperClass]">
         <label
             v-if="label"
             :for="id"
-            class="font-bold uppercase text-xl"
+            class="text-xl text-bold flex items-center gap-2"
             :class="labelClass"
         >
-            {{ label }}
+            <span
+                v-if="label">
+                {{ label }}
+            </span>
+            <span
+                v-if="code" class="text-neutral-600">
+                ({{ code }})
+            </span>
         </label>
         <input
             :id="id"
@@ -17,7 +24,7 @@
             :step="step"
             :disabled="disabled"
             v-bind="attrs"
-            class="border-b border-black text-xl pb-[6px] bg-transparent text-right"
+            class="border-b border-black text-xl bg-transparent w-48"
             :class="[
                 isEmpty ? 'text-neutral-400' : 'text-black',
                 disabled ? 'cursor-not-allowed' : 'cursor-text',
@@ -29,14 +36,15 @@
 </template>
 
 <script setup lang="ts">
-import { computed, useAttrs } from 'vue'
+import {computed, useAttrs} from 'vue'
 
-defineOptions({ inheritAttrs: false })
+defineOptions({inheritAttrs: false})
 
 const props = withDefaults(
     defineProps<{
         id?: string
         label?: string
+        code?: string
         modelValue: number | string | null | undefined
         min?: number | string
         max?: number | string