Update index.vue

src/components/add-update-post/index.vue

@@ -31,7 +31,7 @@
         >
           <div class="row q-col-gutter-sm">
             <div class="col-12">
-              <div class="row q-mt-sm flex-center">
+              <div class="row flex-center">
                 <div>
                   <q-card style="margin-bottom: 8px" v-if="image !== null">
                     <q-img
@@ -76,19 +76,21 @@
                 </div>
               </div>
 
-              <q-select
-                :model-value="category"
-                @update:model-value="$emit('update:category', $event)"
-                :label="$t('post.dialogLabel.postLabels.category')"
-                :rules="categoryRules"
-                :options="categoryOptions"
-                map-options
-                option-value="id"
-                option-label="name"
-                type="text"
-                class="q-my-sm"
-                outlined
-              ></q-select>
+              <div class="q-ml-md q-mt-lg q-mr-md">
+                <q-select
+                  :model-value="category"
+                  @update:model-value="$emit('update:category', $event)"
+                  :label="$t('post.dialogLabel.postLabels.category')"
+                  :rules="categoryRules"
+                  :options="categoryOptions"
+                  map-options
+                  option-value="id"
+                  option-label="name"
+                  type="text"
+                  class="q-my-sm"
+                  outlined
+                ></q-select>
+              </div>
 
               <q-tabs
                 v-model="tab"
@@ -249,7 +251,7 @@
                 </q-tab-panel>
               </q-tab-panels>
 
-              <div>
+              <div class="q-pl-md">
                 <span class="text-body1">{{
                   $t('post.dialogLabel.postLabels.status')
                 }}</span