Update index.vue

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

@@ -46,7 +46,7 @@
             arrows
             navigation
             infinite
-            height="28rem"
+            height="30rem"
             style="border: 2px solid #f1f1f1"
           >
             <q-carousel-slide
@@ -58,14 +58,14 @@
                   ? bannerInfo.url
                   : configImg.API_IMAGE_ENDPOINT + bannerInfo.bannerUrl
               "
-              style="height: 28rem; aspect-ratio: 1/5"
+              style="aspect-ratio: 1/5"
             >
               <template v-slot:default>
                 <div align="right">
                   <q-icon
                     style="
                       position: absolute;
-                      right: 15px;
+                      right: 0px;
                       font-size: 24px;
                       top: 1px;
                       cursor: pointer;
@@ -178,7 +178,7 @@
     </div>
     <div class="col-12 q-mt-sm">
       <div class="row q-col-gutter-lg q-pb-md" align="center" justify="center">
-        <div class="col-4" style="width: 27.06rem; margin-left: 9.3rem">
+        <div class="col-4" style="width: 27rem; margin-left: 9.3rem">
           <div class="flex flex-center">
             <div class="text-h6 text-weight-regular q-py-md">
               Nổi bật(Embed)
@@ -209,7 +209,7 @@
             @click="$emit('openDialogUploadEmbed')"
             class="flex flex-center"
             :style="
-              socialEmbedded !== null ? 'height: 36.25rem;' : 'height: 36.25rem'
+              socialEmbedded !== null ? 'height: 35rem;' : 'height: 35rem'
             "
           >
             <iframe
@@ -241,7 +241,7 @@
           </div>
         </div>
 
-        <div class="col-4" style="width: 27.06rem">
+        <div class="col-4" style="width: 27rem">
           <div class="flex flex-center">
             <div class="text-h6 text-weight-regular q-py-md">Story</div>
             <q-space></q-space>
@@ -258,7 +258,7 @@
           </div>
           <div
             class="flex flex-center"
-            :style="stories.length ? 'height: 36.25rem' : 'height: 36.25rem;'"
+            :style="stories.length ? 'height: 35rem' : 'height: 35rem;'"
             bordered
             v-if="!stories.length"
           >
@@ -290,14 +290,13 @@
             arrows
             navigation
             infinite
-            style="height: 28rem"
+            style="height: 35rem"
           >
             <q-carousel-slide
               v-for="(story, storyIdx) in stories"
               :key="storyIdx"
               :name="storyIdx"
               class="q-pa-none"
-              style="height: 28rem"
             >
               <div>
                 <q-img
@@ -332,10 +331,10 @@
           </q-carousel>
         </div>
 
-        <div class="col-4" style="width: 27.06rem">
+        <div class="col-4" style="width: 27rem">
           <div class="text-h6 text-weight-regular q-py-md">Lịch</div>
           <q-date
-            style="width: 100%; height: 36.25rem"
+            style="width: 100%; height: 35rem"
             :model-value="formatSchedules"
             @update:model-value="$emit('update:formatSchedules', $event)"
             multiple