Fixed #390 - Corrected class name

primefaces · Jul 16, 2020 · 12afd5c · 12afd5c
1 parent 40023e2
commit 12afd5c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/fileupload/FileUpload.vue b/src/components/fileupload/FileUpload.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="p-fileupload p-fileupload-advanced p-component" v-if="isAdvanced">
         <div class="p-fileupload-buttonbar">
-            <span :class="advancedChooseButtonClass" @click="choose" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" v-ripple tabindex="0" >
+            <span :class="advancedChooseButtonClass" @click="choose" @keydown.enter="choose" @focus="onFocus" @blur="onBlur" v-ripple tabindex="0">
                 <input ref="fileInput" type="file" @change="onFileSelect" :multiple="multiple" :accept="accept" :disabled="chooseDisabled" />
                 <span class="p-button-icon p-button-icon-left pi pi-fw pi-plus"></span>
                 <span class="p-button-label">{{chooseLabel}}</span>
@@ -29,7 +29,7 @@
             </div>
         </div>
     </div>
-    <div class="p-fileupload p-fileupload-advanced p-component" v-else-if="isBasic">
+    <div class="p-fileupload p-fileupload-basic p-component" v-else-if="isBasic">
         <FileUploadMessage v-for="msg of messages" severity="error" :key="msg">{{msg}}</FileUploadMessage>
         <span :class="basicChooseButtonClass" @mouseup="onBasicUploaderClick"  @keydown.enter="choose" @focus="onFocus" @blur="onBlur" v-ripple tabindex="0" >
             <span :class="basicChooseButtonIconClass"></span>
@@ -364,14 +364,14 @@ export default {
             return this.mode === 'basic';
         },
         advancedChooseButtonClass() {
-            return ['p-button p-component p-fileupload-choose ', {
+            return ['p-button p-component p-fileupload-choose', {
                     'p-disabled': this.disabled,
                     'p-focus': this.focused
                 }
             ];
         },
         basicChooseButtonClass() {
-            return ['p-button p-component p-fileupload-choose ', {
+            return ['p-button p-component p-fileupload-choose', {
                 'p-fileupload-choose-selected': this.hasFiles,
                 'p-disabled': this.disabled,
                 'p-focus': this.focused