fix: consistent avatar sizes on member page (#463)

Author: Sysix

.vitepress/theme/index.ts

@@ -1,10 +1,11 @@
+import "virtual:group-icons.css";
 import type { Theme } from "vitepress";
 import DefaultTheme from "vitepress/theme";
 import { defineAsyncComponent, h } from "vue";
 import Alert from "./components/Alert.vue";
 import AppBadgeList from "./components/AppBadgeList.vue";
 import AppBlogPostHeader from "./components/AppBlogPostHeader.vue";
-import "virtual:group-icons.css";
+import "./overrides.css";
 
 export default {
   extends: DefaultTheme,

.vitepress/theme/overrides.css

@@ -0,0 +1,23 @@
+.VPTeamMembersItem {
+  --member-item-avatar-size-small: 64px;
+  --member-item-avatar-size-medium: 96px;
+
+  .avatar-img {
+    object-fit: fill;
+  }
+
+  &.small {
+    .avatar-img {
+      width: var(--member-item-avatar-size-small);
+      height: var(--member-item-avatar-size-small);
+    }
+  }
+
+  &.medium {
+    .avatar-img {
+      width: var(--member-item-avatar-size-medium);
+      height: var(--member-item-avatar-size-medium);
+    }
+  }
+}
+