fix avatar

src/pages/nghe-sy/index.vue

@@ -69,30 +69,42 @@
         separator="cell"
         hide-pagination
       >
-        <template v-slot:body-cell-action="item">
+        <template v-slot:body-cell-avatar="avatar">
           <q-td style="padding: 0" class="flex flex-center">
-            <q-btn
-              flat
-              round
-              color="primary"
-              icon="mdi-account-edit-outline"
-              :to="`/nghe-sy/cap-nhat-thong-tin-nghe-sy/${item.row.id}`"
-            >
-              <q-tooltip :offset="[20, 10]">{{
-                $t('userPage.toolTipMessage.updateUserInfo')
-              }}</q-tooltip>
-            </q-btn>
-            <q-btn
-              flat
-              round
-              color="primary"
-              icon="mdi-delete"
-              @click="confirmDeleteArtist(item.row.id)"
-            >
-              <q-tooltip :offset="[20, 10]">{{
-                $t('managingUnit.toolTipMessage.delete')
-              }}</q-tooltip>
-            </q-btn>
+            <q-img
+              style="width: 7rem"
+              fit="contain"
+              :ratio="16 / 9"
+              :src="avatar.row.avatar"
+            ></q-img>
+          </q-td>
+        </template>
+        <template v-slot:body-cell-action="item">
+          <q-td style="padding: 0">
+            <div align="center">
+              <q-btn
+                flat
+                round
+                color="primary"
+                icon="mdi-account-edit-outline"
+                :to="`/nghe-sy/cap-nhat-thong-tin-nghe-sy/${item.row.id}`"
+              >
+                <q-tooltip :offset="[20, 10]">{{
+                  $t('userPage.toolTipMessage.updateUserInfo')
+                }}</q-tooltip>
+              </q-btn>
+              <q-btn
+                flat
+                round
+                color="primary"
+                icon="mdi-delete"
+                @click="confirmDeleteArtist(item.row.id)"
+              >
+                <q-tooltip :offset="[20, 10]">{{
+                  $t('managingUnit.toolTipMessage.delete')
+                }}</q-tooltip>
+              </q-btn>
+            </div>
           </q-td>
         </template>
       </q-table>