[WIP] Фикс размеров аватара клиента

src/components/base/BaseClientFormCreate.vue

@@ -13,7 +13,7 @@
         )
           .icon-download.text-xl(v-if="img === defaultIcon")
           .wrapper-img.flex.w-10.h-10(v-else)
-            img.current-avatar(:src="img")
+            img.current-avatar.object-cover(:src="img")
           base-popup.right-5.top-7(v-if="showPopup", v-click-outside="closePopup", :width="230")
             .flex.items-center.gap-x-2
               img(src="@/assets/icons/computer.svg")
@@ -33,7 +33,7 @@
                   @change="(e) => previewImages(e)"
                 )
                 .avatar.flex.absolute.items-center.gap-x-6(v-for="img in image")
-                  img.avatar(for="image-upload", :src="img", v-if="img")
+                  img.avatar.object-cover(for="image-upload", :src="img", v-if="img")
                   base-button(:rounded="true", :size="48", @click="closeAddImage")
                     .icon-ok
         base-input.w-full(v-model:value="infoClient.basic.full_name" placeholder="ФИО*")

src/pages/calendar/components/CalendarColumn.vue

@@ -3,7 +3,7 @@
     .header.flex.items-center.justify-between.py-2.px-6.top-0
       .flex.items-center
         base-avatar.mr-2(:size="32", :color="ownerData.color")
-          img.h-full(
+          img.h-full.object-cover(
             :src="url + ownerData.avatar",
             alt="Team member",
             v-if="ownerData.avatar"

src/pages/calendar/components/CalendarSidebarTeammate.vue

@@ -3,7 +3,7 @@
     base-button.mb-2(left-icon="icon-plus", rounded, :size="24", :icon-left-size="10", secondary)
     .team-card(v-for="teammate in teamData" :key="teammate.id")
       base-avatar(:size="32", :color="teammate.color")
-        img.h-full(:src="url + teammate.photo", alt="Team member", v-if="teammate.photo")
+        img.h-full.object-cover(:src="url + teammate.photo", alt="Team member", v-if="teammate.photo")
         span(v-if="!teammate.photo") {{`${teammate.last_name[0]}${teammate.first_name[0]}`}}
   .flex.flex-col.gap-y-4.w-full(v-else, :style="{ color: 'var(--font-dark-blue-color)' }")
     .flex.items-center.justify-between
@@ -16,7 +16,7 @@
       )
         .flex.items-center
           base-avatar(:size="32", :color="teammate.color")
-            img.h-full(:src="url + teammate.photo", alt="Team member", v-if="teammate.photo")
+            img.h-full.object-cover(:src="url + teammate.photo", alt="Team member", v-if="teammate.photo")
             span(v-if="!teammate.photo") {{`${teammate.last_name[0]}${teammate.first_name[0]}`}}
           .flex.ml-2.not-italic.font-medium.text-xxs {{ changeName(teammate.last_name, teammate.first_name, teammate.patronymic) }}
         span.icon-change-place.cursor-pointer.w-5.flex.items-center.justify-center.w-6.h-6

src/pages/clients/components/ClientsTableRow.vue

@@ -10,7 +10,7 @@
       .row-body.flex.w-full.cursor-pointer(
         :id="id",
         @click="(e) => openDetailInfo(e)",
-        :class="{'row-overlay-color': rowOverlay}"
+        :class="{'row-overlay-color': rowOverlay}",
         ref="rowBody"
       )
         .check-box.flex.justify-center.items-center(
@@ -82,7 +82,7 @@
           )
             clients-action-popup(
               v-if="isOpenPopup",
-              :open-change-data="openChangeData"
+              :open-change-data="openChangeData",
               @delete-client="transmitDeleteClient"
             )
       client-detail-info-wrapper(

src/pages/clients/components/cells/TableCellBodyName.vue

@@ -2,9 +2,9 @@
   .flex.box-border.px-4.items-center.gap-x-3.w-full.text-sm(:style="{ minWidth : width + 'px' }")
     base-avatar(:size="36", :color="avatarColor", v-if="!photo") {{avatar}}
     base-avatar(:size="36", v-else)
-      img.h-full(:src="url + photo")
+      img.h-full.object-cover(:src="url + photo")
     span.font-semibold(v-if="!isOpenChange") {{value.fullName}}
-    base-input(v-if="isOpenChange" type="text" v-model:value="value.fullName" :width-input="300")
+    base-input(v-if="isOpenChange", type="text", v-model:value="value.fullName", :width-input="300")
 </template>
 
 <script>