feat : finalisation de l'étape 1 "Réception" (formulaire)

frontend/components/ui/license-plate-input.vue

@@ -1,26 +1,28 @@
 <template>
   <div class="flex flex-col">
-    <label :for="inputId" class="font-bold uppercase text-xl mb-4">{{ label }}</label>
-    <input
-      :id="inputId"
-      :value="modelValue"
-      v-maska="maskOptions"
-      type="text"
-      :maxlength="maxLength"
-      :placeholder="placeholderText"
-      class="border-b border-black justify-self-start text-xl pb-[6px] uppercase"
-      @input="handleInput"
-    />
-    <label :for="checkboxId" class="mt-3 flex items-center gap-3 text-sm">
-      <input
-        :id="checkboxId"
-        :checked="allowAny"
-        type="checkbox"
-        class="h-4 w-4 accent-primary-500"
-        @change="toggleAllowAny"
-      />
-      Autoriser un format libre
-    </label>
+    <label :for="inputId" class="font-bold uppercase text-xl mb-2">{{ label }}</label>
+      <div class="flex items-end gap-8">
+          <input
+              :id="inputId"
+              :value="modelValue"
+              v-maska="maskOptions"
+              type="text"
+              :maxlength="maxLength"
+              :placeholder="placeholderText"
+              class="border-b border-black flex-1 min-w-0 text-xl uppercase h-[30px]"
+              @input="handleInput"
+          />
+          <label :for="checkboxId" class="ml-auto flex items-center gap-3 whitespace-nowrap text-sm">
+              <input
+                  :id="checkboxId"
+                  :checked="allowAny"
+                  type="checkbox"
+                  class="h-4 w-4 accent-primary-500"
+                  @change="toggleAllowAny"
+              />
+              Autoriser un format libre
+          </label>
+      </div>
   </div>
 </template>