From df3896deac686dad87277872d99b9f233dc081bb Mon Sep 17 00:00:00 2001
From: Sysix <sysix@sysix-coding.de>
Date: Fri, 22 Aug 2025 13:30:48 +0200
Subject: [PATCH] fix: consistent avatar sizes on member page

---
 .vitepress/theme/index.ts      |  3 ++-
 .vitepress/theme/overrides.css | 23 +++++++++++++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 .vitepress/theme/overrides.css

diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index c4f9a0eba3..8614680cbe 100644
--- a/.vitepress/theme/index.ts
+++ b/.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,
diff --git a/.vitepress/theme/overrides.css b/.vitepress/theme/overrides.css
new file mode 100644
index 0000000000..3f86b104e1
--- /dev/null
+++ b/.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);
+    }
+  }
+}
+