refactor: Set object-fit to cover on avatar img

becem-gharbi · Aug 17, 2023 · 167f803 · 167f803
1 parent 7ffa79b
commit 167f803
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/Account/Info.vue b/components/Account/Info.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-if="user" class="flex items-center gap-3">
-        <img :src="user.picture" class="w-9 h-9 object-contain rounded-full ring-2">
+        <img :src="user.picture" class="w-9 h-9 object-cover rounded-full ring-2">
 
         <div class="flex flex-col text-base md:text-sm">
             <NText strong>{{ user.name }}</NText>

diff --git a/components/Account/Profile.vue b/components/Account/Profile.vue
@@ -2,7 +2,7 @@
     <div>
         <n-upload class="overflow-hidden w-min mx-auto my-4" list-type="image-card" :max="1" accept="image/*"
             :custom-request="(e) => file = e.file.file">
-            <img v-if="formModel.picture" :src="formModel.picture" class="object-contain">
+            <img v-if="formModel.picture" :src="formModel.picture" class="object-cover">
         </n-upload>
 
         <n-form @submit.prevent="updateAccount" class="flex-1">

diff --git a/components/Navbar/Index.vue b/components/Navbar/Index.vue
@@ -10,7 +10,7 @@
         <template #end v-if="!isMobileOrTablet">
             <n-dropdown trigger="click" :options="dropdownOptions" :style="{ padding: '8px', minWidth: '200px' }"
                 @select="handleSelect">
-                <img :src="user.picture" class="w-8 h-8 object-contain rounded-full ring-2 cursor-pointer">
+                <img :src="user.picture" class="w-8 h-8 object-cover rounded-full ring-2 cursor-pointer">
             </n-dropdown>
         </template>