Fixed #701 - FileUpload Preview columns become misaligned when both i…

…mage and non-image files are uploaded
primefaces · Nov 27, 2020 · d49fa34 · d49fa34
1 parent 14628fd
commit d49fa34
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/fileupload/FileUpload.vue b/src/components/fileupload/FileUpload.vue
@@ -14,8 +14,8 @@
             <FileUploadMessage v-for="msg of messages" severity="error" :key="msg">{{msg}}</FileUploadMessage>
             <div class="p-fileupload-files" v-if="hasFiles">
                 <div class="p-fileupload-row" v-for="(file, index) of files" :key="file.name + file.type + file.size">
-                    <div v-if="isImage(file)">
-                        <img role="presentation" :alt="file.name" :src="file.objectURL" :width="previewWidth" />
+                    <div>
+                        <img v-if="isImage(file)" role="presentation" :alt="file.name" :src="file.objectURL" :width="previewWidth" />
                     </div>
                     <div>{{file.name}}</div>
                     <div>{{formatSize(file.size)}}</div>