123

public/css/custom.css

@@ -819,3 +819,7 @@ input:checked + .slider:before {
 .font-bold {
     font-weight: bold;
 }
+
+.profile-img {
+    object-fit: contain;
+}

src/components/main/MainEventCalendar.vue

@@ -7,7 +7,7 @@
                         v-if="user"
                         :src="`${profileImgUrl}profile/${user.profile}`"
                         alt="Profile Image"
-                        class="w-px-50 h-px-50 rounded-circle"
+                        class="w-px-50 h-px-50 rounded-circle profile-img"
                         @error="$event.target.src = '/img/icons/icon.png'"
                     />
                     <p class="mt-2 fw-bold">

src/components/main/MainMemberProfile.vue

@@ -7,7 +7,7 @@
                         :src="`${profileImgUrl}profile/${member.MEMBERPRF}`"
                         :style="`border-color: ${member.usercolor} !important;`"
                         alt="User Profile"
-                        class="rounded-circle border border-2"
+                        class="rounded-circle border border-2 profile-img"
                         @error="$event.target.src = '/img/icons/icon.png'"
                     />
                 </div>