Fix Avatar distrotion on all occurences

Author: akoyaxd

src/components/PostItem.vue

@@ -59,7 +59,7 @@
         <div>
           <q-avatar v-if="!avatar" rounded size="32px" color="primary" text-color="white" icon="fa-solid fa-user"></q-avatar>
           <q-avatar v-if="avatar" rounded size="32px" color="primary" text-color="white">
-            <img :src="avatar" />
+            <img :src="avatar" style="object-fit: cover;" />
           </q-avatar>
         </div>
         <div class="q-pl-sm" style="max-width: 100px;">

src/components/ThreadItem.vue

@@ -3,7 +3,7 @@
     <q-item-section top side>
       <q-avatar v-if="!avatar" rounded size="36px" color="primary" text-color="white" icon="fa-solid fa-user"></q-avatar>
       <q-avatar v-if="avatar" rounded size="36px" color="primary" text-color="white">
-        <img :src="avatar" />
+        <img :src="avatar" style="object-fit: cover;" />
       </q-avatar>
     </q-item-section>
     <q-item-section>

src/components/UserActivationItem.vue

@@ -13,7 +13,7 @@
         <q-item-section side>
           <q-avatar v-if="!avatar" rounded size="48px" color="primary" text-color="white" icon="fa-solid fa-user"></q-avatar>
           <q-avatar v-if="avatar" rounded size="48px" color="primary" text-color="white">
-            <img class="cursor-pointer" :src="avatar" @click="imageDialog = true" />
+            <img class="cursor-pointer" :src="avatar" @click="imageDialog = true" style="object-fit: cover;" />
           </q-avatar>
         </q-item-section>
 

src/layouts/MainLayout.vue

@@ -63,7 +63,7 @@
           <q-avatar v-if="!avatar" color="secondary" text-color="white" icon="fa-solid fa-user">
           </q-avatar>
           <q-avatar v-if="avatar" color="primary" text-color="white">
-            <img :src="avatar" />
+            <img :src="avatar" style="object-fit: cover;" />
           </q-avatar>
           <q-menu>
             <q-list style="min-width: 150px">

src/pages/EngagementPage.vue

@@ -7,7 +7,7 @@
     />
     <q-avatar v-if="!avatar" rounded size="48px" color="primary" text-color="white" icon="fa-solid fa-user"></q-avatar>
     <q-avatar v-if="avatar" rounded size="48px" color="primary" text-color="white">
-      <img class="cursor-pointer" :src="avatar" @click="dialog = true" />
+      <img class="cursor-pointer" :src="avatar" @click="dialog = true" style="object-fit: cover;" />
     </q-avatar>
     {{ user.nickname || user.firstName }} {{ user.lastName }}
   </div>

src/pages/ProfilePage.vue

@@ -15,7 +15,7 @@
     </div>
     <q-avatar v-if="!avatar" rounded size="48px" color="primary" text-color="white" icon="fa-solid fa-user"></q-avatar>
     <q-avatar v-if="avatar" rounded size="48px" color="primary" text-color="white">
-      <img class="cursor-pointer" :src="avatar" @click="dialog = true" />
+      <img class="cursor-pointer" :src="avatar" @click="dialog = true" style="object-fit: cover;" />
     </q-avatar>
     <span class="q-pl-md"> {{ name }} </span>
     <div v-if="isLT || $permissions.userDocument">