fix: adjust Dropzone component styles for better file upload handling and responsiveness

Author: SerVitasik

adminforth/spa/src/afcl/Dropzone.vue

@@ -5,13 +5,15 @@
     @dragleave.prevent="dragging = false"
     @drop.prevent="dragging = false; doEmit($event.dataTransfer.files)"
   >
-      <label :id="id" class="flex flex-col items-center justify-center w-full h-32 border-2 border-dashed rounded-lg cursor-pointer dark:hover:bg-gray-800 
+      <label :id="id" class="flex flex-col items-center justify-center w-full border-2 border-dashed rounded-lg cursor-pointer dark:hover:bg-gray-800 
         hover:bg-gray-100  dark:hover:border-gray-500 dark:hover:bg-gray-600"
         :class="{
           'border-blue-600 dark:border-blue-400': dragging,
           'border-gray-300 dark:border-gray-600': !dragging,
           'bg-blue-50 dark:bg-blue-800': dragging,
           'bg-gray-50 dark:bg-gray-800': !dragging,
+          'min-h-32 h-full': props.multiple,
+          'h-32': !props.multiple,
         }"
       >
           <div class="flex flex-col items-center justify-center pt-5 pb-6">
@@ -20,7 +22,7 @@
               <svg v-if="!selectedFiles.length" class="w-8 h-8 mb-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 16">
                   <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"/>
               </svg>
-              <div v-else class="flex items-center justify-center w-full mt-1 mb-4">
+              <div v-else class="flex items-center justify-center flex-wrap gap-1 w-full mt-1 mb-4">
                 <template v-for="file in selectedFiles">
                   <p class="text-sm text-gray-500 dark:text-gray-400 flex items-center gap-1">
                     <IconFileSolid class="w-5 h-5" />