adjust dropoze border style

app/javascript/template_builder/builder.vue

@@ -13,7 +13,6 @@
       :template-id="template.id"
       :accept-file-types="acceptFileTypes"
       :with-replace-and-clone="withReplaceAndCloneUpload"
-      hover-class="bg-base-200/50"
       @add="[updateFromUpload($event), isDragFile = false]"
       @replace="[onDocumentsReplace($event), isDragFile = false]"
       @replace-and-clone="onDocumentsReplaceAndTemplateClone($event)"

app/javascript/template_builder/dropzone.vue

@@ -10,7 +10,7 @@
       id="document_dropzone"
       class="w-full relative rounded-md border-2 border-base-content/10 border-dashed"
       :for="inputId"
-      :class="[{ 'opacity-50': isLoading, 'hover:bg-base-200/30': !hoverClass }, isDragEntering && hoverClass ? hoverClass : '']"
+      :class="{ 'opacity-50': isLoading, 'hover:bg-base-200/50': !isDragEntering, 'bg-base-200/50 border-base-content/50': isDragEntering }"
     >
       <div class="absolute top-0 right-0 left-0 bottom-0 flex items-center justify-center pointer-events-none">
         <div class="flex flex-col items-center">
@@ -84,11 +84,6 @@ export default {
       required: false,
       default: 'IconCloudUpload'
     },
-    hoverClass: {
-      type: String,
-      required: false,
-      default: null
-    },
     cloneTemplateOnUpload: {
       type: Boolean,
       required: false,

app/javascript/template_builder/hover_dropzone.vue

@@ -6,12 +6,11 @@
     <div class="flex flex-col gap-2 p-4 items-center bg-base-100 h-full max-h-[85vh] max-w-6xl rounded-2xl w-full">
       <Dropzone
         class="flex-1 h-full"
-        hover-class="bg-base-200/50"
         icon="IconFilePlus"
         :template-id="templateId"
         :accept-file-types="acceptFileTypes"
         :with-description="false"
-        :title="t('upload_a_new_document')"
+        :title="t('add_a_new_document')"
         type="add_files"
         @loading="isLoading = $event"
         @success="$emit('add', $event)"
@@ -20,7 +19,6 @@
       <div class="flex-1 flex gap-2 w-full">
         <Dropzone
           class="flex-1 h-full"
-          hover-class="bg-base-200/50"
           icon="IconFileSymlink"
           :template-id="templateId"
           :accept-file-types="acceptFileTypes"
@@ -33,7 +31,6 @@
         <Dropzone
           v-if="withReplaceAndClone"
           class="flex-1 h-full"
-          hover-class="bg-base-200/50"
           icon="IconFiles"
           :template-id="templateId"
           :accept-file-types="acceptFileTypes"

app/javascript/template_builder/i18n.js

@@ -63,7 +63,7 @@ const en = {
   processing_: 'Processing...',
   add_pdf_documents_or_images: 'Add PDF documents or images',
   add_documents_or_images: 'Add documents or images',
-  upload_a_new_document: 'Upload a new document',
+  add_a_new_document: 'Add a new document',
   replace_existing_document: 'Replace existing document',
   clone_and_replace_documents: 'Clone and replace documents',
   required: 'Required',
@@ -228,7 +228,7 @@ const es = {
   processing_: 'Procesando...',
   add_pdf_documents_or_images: 'Agregar documentos PDF o imágenes',
   add_documents_or_images: 'Agregar documentos o imágenes',
-  upload_a_new_document: 'Subir un nuevo documento',
+  add_a_new_document: 'Agregar un nuevo documento',
   replace_existing_document: 'Reemplazar documento existente',
   clone_and_replace_documents: 'Clonar y reemplazar documentos',
   required: 'Requerido',
@@ -399,7 +399,7 @@ const it = {
   processing_: 'Elaborazione...',
   add_pdf_documents_or_images: 'Aggiungi documenti PDF o immagini',
   add_documents_or_images: 'Aggiungi documenti o immagini',
-  upload_a_new_document: 'Carica un nuovo documento',
+  add_a_new_document: 'Aggiungi un nuovo documento',
   replace_existing_document: 'Sostituisci documento esistente',
   clone_and_replace_documents: 'Clona e sostituisci documenti',
   required: 'Obbligatorio',
@@ -564,7 +564,7 @@ const pt = {
   processing_: 'Processando...',
   add_pdf_documents_or_images: 'Adicionar documentos PDF ou imagens',
   add_documents_or_images: 'Adicionar documentos ou imagens',
-  upload_a_new_document: 'Enviar um novo documento',
+  add_a_new_document: 'Ajouter un nouveau document',
   replace_existing_document: 'Substituir documento existente',
   clone_and_replace_documents: 'Clonar e substituir documentos',
   required: 'Obrigatório',
@@ -731,7 +731,7 @@ const fr = {
   processing_: 'Traitement en cours...',
   add_pdf_documents_or_images: 'Ajoutez des documents PDF ou des images',
   add_documents_or_images: 'Ajoutez des documents ou des images',
-  upload_a_new_document: 'Téléverser un nouveau document',
+  add_a_new_document: 'Adicionar um novo documento',
   replace_existing_document: 'Remplacer le document existant',
   clone_and_replace_documents: 'Cloner et remplacer les documents',
   required: 'Requis',
@@ -899,7 +899,7 @@ const de = {
   processing_: 'Verarbeitung...',
   add_pdf_documents_or_images: 'PDF-Dokumente oder Bilder hinzufügen',
   add_documents_or_images: 'Dokumente oder Bilder hinzufügen',
-  upload_a_new_document: 'Neues Dokument hochladen',
+  add_a_new_document: 'Neues Dokument hinzufügen',
   replace_existing_document: 'Vorhandenes Dokument ersetzen',
   clone_and_replace_documents: 'Dokumente klonen und ersetzen',
   required: 'Erforderlich',