fix(front): fix TagInput width properly

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

src/assets/oruga-tailwindcss.css

@@ -153,6 +153,9 @@ body {
 .taginput-item:first-child {
   @apply ml-2;
 }
+.taginput-input-wrapper {
+  @apply block;
+}
 
 /* Autocomplete */
 .autocomplete {

src/components/Event/TagInput.vue

@@ -101,8 +101,3 @@ const tagsStrings = computed({
   },
 });
 </script>
-<style lang="scss" scoped>
-:deep(.o-input__wrapper) {
-  display: initial;
-}
-</style>

src/oruga-config.ts

@@ -30,6 +30,7 @@ export const orugaConfig = {
     autocompleteClasses: {
       rootClass: "taginput-autocomplete",
       inputClasses: {
+        rootClass: "taginput-input-wrapper",
         inputClass: "taginput-input",
       },
     },