update

src/components/artist-information/VAB-account/update-story/index.vue

@@ -19,6 +19,14 @@
       <q-card-section>
         <div class="row q-col-gutter-sm">
           <div class="col-12">
+            <div align="right">
+              <UploadImage
+                v-if="urlFileLocal.length !== 0"
+                :isButton="false"
+                :tooltipMessageStory="true"
+                @selectedFile="uploadStory"
+              ></UploadImage>
+            </div>
             <q-card v-if="urlFileLocal" flat>
               <div align="center">
                 <q-img
@@ -30,9 +38,8 @@
             </q-card>
 
             <UploadImage
+              v-if="urlFileLocal.length === 0"
               @selectedFile="uploadStory"
-              class="q-mt-md"
-              :isBtn="true"
             ></UploadImage>
 
             <q-input

src/components/artist-information/upload-embed-dialog/UploadEmbedDialog.ts

-import { defineComponent, Ref, ref, watch } from 'vue';
-export default defineComponent({
-  // name: 'ComponentName'
-  props: {
-    isOpenDialogEmbed: {
-      type: Boolean,
-      required: true,
-    },
-    socialEmbedded: { type: String, required: true },
-  },
-  setup(props, context) {
-    const newSocialEmbed: Ref<string | null> = ref(null);
-    watch(
-      () => props.isOpenDialogEmbed,
-      (value) => {
-        if (value) {
-          newSocialEmbed.value = props.socialEmbedded;
-        }
-      }
-    );
-    const confirmEditEmbed = () => {
-      context.emit('uploadEmbed', newSocialEmbed.value);
-    };
-    return { newSocialEmbed, confirmEditEmbed };
-  },
-  emits: [
-    'update:isOpenDialogEmbed',
-    'click:CloseBtn',
-    'update:socialEmbedded',
-    'uploadEmbed',
-  ],
-});

src/components/artist-information/upload-embed-dialog/index.vue

@@ -53,4 +53,37 @@
   </q-dialog>
 </template>
 
-<script lang="ts" src="./UploadEmbedDialog.ts"></script>
+<script lang="ts">
+import { defineComponent, Ref, ref, watch } from 'vue';
+export default defineComponent({
+  // name: 'ComponentName'
+  props: {
+    isOpenDialogEmbed: {
+      type: Boolean,
+      required: true,
+    },
+    socialEmbedded: { type: String, required: true },
+  },
+  setup(props, context) {
+    const newSocialEmbed: Ref<string | null> = ref(null);
+    watch(
+      () => props.isOpenDialogEmbed,
+      (value) => {
+        if (value) {
+          newSocialEmbed.value = props.socialEmbedded;
+        }
+      }
+    );
+    const confirmEditEmbed = () => {
+      context.emit('uploadEmbed', newSocialEmbed.value);
+    };
+    return { newSocialEmbed, confirmEditEmbed };
+  },
+  emits: [
+    'update:isOpenDialogEmbed',
+    'click:CloseBtn',
+    'update:socialEmbedded',
+    'uploadEmbed',
+  ],
+});
+</script>

src/css/app.scss

 // app global css in SCSS form
 .sticky-header-table {
     // / height or max-height is important /
-    max-height: calc(100vh - 13rem);
+    max-height: calc(100vh - 13.5rem);
     // max-width: 100vw;
       .q-table__top,
       .q-table__bottom,