Aligns the payload upload modal and button to the adversary import ones

mitre · Jul 11, 2024 · 81c90e1 · 81c90e1
1 parent c3b589d
commit 81c90e1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/src/components/payloads/UploadModal.vue b/src/components/payloads/UploadModal.vue
@@ -41,24 +41,24 @@ async function submitFile($event) {
         header.modal-card-head
             p.modal-card-title Upload a payload
         .modal-card-body
-            .columns.is-vcentered
-                .column
-                    .file.has-name.is-fullwidth
-                        label.file-label
-                            input.file-input(type="file", ref="input", @change="updateFileName")
-                            span.file-cta
-                                span.file-icon
-                                    i.fas.fa-upload
-                                span.file-label Choose a file…
-                            span.file-name {{ fileName }}
-                .column.is-narrow
-                    button.button.is-primary(:disabled="!isFileSelected", @click="submitFile($event)") Upload
+            .file.has-name.is-fullwidth
+                label.file-label
+                    input.file-input(type="file", ref="input", @change="updateFileName")
+                    span.file-cta
+                        span.file-icon
+                            font-awesome-icon(icon="fas fa-upload")
+                        span.file-label Choose a file...
+                    span.file-name {{ fileName }}
         footer.modal-card-foot.is-flex.is-justify-content-flex-end
             button.button(@click="modals.payloads.showUpload = false") Close
+            button.button.is-primary(:disabled="!isFileSelected", @click="submitFile($event)")
+                span.icon
+                    font-awesome-icon(icon="fas fa-save")
+                span Upload
 </template>
 
 <style scoped>
 .modal-card{
-    width: 80%;
+    width: 70%;
 }
 </style>
diff --git a/src/views/PayloadsView.vue b/src/views/PayloadsView.vue
@@ -58,9 +58,9 @@ hr
     h2 Local Payloads
     .columns.mb-4
         .column.is-one-quarter.is-flex.buttons.mb-0
-            button.button.is-primary.level-item(@click="modals.payloads.showUpload = true")
+            button.button(@click="modals.payloads.showUpload = true")
                 span.icon
-                    font-awesome-icon(icon="fas fa-plus")
+                    font-awesome-icon(icon="fas fa-file-import")
                 span Upload a payload
         .column.is-half.is-flex.is-justify-content-center
             span.tag.is-medium.m-0