Как увеличить размер формы upload_file

Question

У меня проблема, у меня есть форма, и в этой форме есть поле для загрузки файла, внутри этого поля есть имя загруженных файлов (я собираюсь сделать снимок экрана, чтобы показать эту часть), но если я загружу более чем 3 изображения, что разрывы строк и имена файлов не совпадают в одной строке, хотя возможное исправление - увеличение размера поля или что-то еще (пока нет), поэтому, если вы, ребята, могли бы мне помочь, я очень ценю это!

IMG поля перегружено:

Код:

<div class="col-4">
      <%= f.file_field :images, multiple: true, placeholder: "Choose file", class: 'file-upload-field' %>
</div> 

Answer 1

Вы должны увеличить значение столбца для увеличения ширины поля загрузки. Если вы не хотите изменять col-4, поместите свое поле в контейнер, присвойте ему класс и добавьте к нему свойство css overflow: hidden.

<style>
.custom-file{
   overflow:hidden;
}
</style>

<div class="col-4">
            <div class="custom-file">
             <%= f.file_field :images, multiple: true, placeholder: "Choose file", class: 'file-upload-field' %>
          </div>
</div>