From 49d9eccaec936780810128b3dee3572d7fabd016 Mon Sep 17 00:00:00 2001
From: matevip <matevip@mate.vip>
Date: Thu, 21 May 2026 16:26:18 +0800
Subject: [PATCH] fix(goal,ui): center the avatar logo inside the ring wrapper

---
 mateclaw-ui/src/components/goal/GoalAvatarRing.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/mateclaw-ui/src/components/goal/GoalAvatarRing.vue b/mateclaw-ui/src/components/goal/GoalAvatarRing.vue
index 740fd8e0..23dabe3d 100644
--- a/mateclaw-ui/src/components/goal/GoalAvatarRing.vue
+++ b/mateclaw-ui/src/components/goal/GoalAvatarRing.vue
@@ -115,7 +115,13 @@ const tooltip = computed(() => {
 .avatar-with-ring {
   position: relative;
   flex-shrink: 0;
-  display: inline-block;
+  /* inline-flex so the slot content (assistant logo img, 30 px) centers
+   * inside the 34-px wrapper. Plain inline-block left the logo at the
+   * top-left corner while the SVG ring rendered centered on the wrapper
+   * — visually the logo looked offset toward upper-left of the ring. */
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 .avatar-with-ring .ring {
   position: absolute;