fix: attach modal has spacing issues

avo-hq · Oct 16, 2020 · 9d9cdc8 · 9d9cdc8
1 parent 6b9159f
commit 9d9cdc8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/frontend/js/components/AttachModal.vue b/app/frontend/js/components/AttachModal.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="w-full h-full flex flex-col justify-between">
-    <div class="p-4 text-xl" v-if="heading">
+    <div class="p-4 my-4 text-lg tracking-wide font-bold text-center text-gray-700" v-if="heading">
       {{ heading }}
     </div>
-    <div class="flex-1 flex flex-col items-center justify-center px-24 text-lg">
+    <div class="flex-1 flex flex-col items-center justify-center pb-16 px-24 text-base">
       {{ text }}
       <select name="options"
         ref="select"

diff --git a/app/frontend/js/views/ResourceIndex.vue b/app/frontend/js/views/ResourceIndex.vue
@@ -479,7 +479,7 @@ export default {
     },
     async showAttachModal() {
       this.$modal.show(AttachModal, {
-        text: `Select a ${this.resourceNameSingular.toLowerCase()} to attach`,
+        heading: `Select a ${this.resourceNameSingular.toLowerCase()} to attach`,
         getOptions: this.getOptions,
         attachAction: this.attachOption,
       })