From 592f0e8e19dcfd02af952470cd7f312c62644c5e Mon Sep 17 00:00:00 2001
From: Flrande <1978616327@qq.com>
Date: Wed, 26 Mar 2025 10:00:34 +0000
Subject: [PATCH] fix(editor): update at menu avatar style (#11204)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Close [BS-2894](https://linear.app/affine-design/issue/BS-2894/at面板头像ui)
---
 .../core/src/modules/at-menu-config/services/index.ts  | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/core/src/modules/at-menu-config/services/index.ts b/packages/frontend/core/src/modules/at-menu-config/services/index.ts
index 85ea2815b5..78bca29e0d 100644
--- a/packages/frontend/core/src/modules/at-menu-config/services/index.ts
+++ b/packages/frontend/core/src/modules/at-menu-config/services/index.ts
@@ -29,6 +29,7 @@ import { computed, Signal, signal } from '@preact/signals-core';
 import { Service } from '@toeverything/infra';
 import { cssVarV2 } from '@toeverything/theme/v2';
 import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
 import {
   createAbsolutePositionFromRelativePosition,
   createRelativePositionFromTypeIndex,
@@ -345,8 +346,15 @@ export class AtMenuConfigService extends Service {
     };
     const convertMemberToMenuItem = (member: Member) => {
       const { id, name, avatarUrl } = member;
+      const style = styleMap({
+        borderRadius: '50%',
+        border: `1px solid ${cssVarV2('layer/background/overlayPanel')}`,
+        width: '20px',
+        height: '20px',
+        boxSizing: 'border-box',
+      });
       const icon = avatarUrl
-        ? html`<img style="width: 20px; height: 20px;" src="${avatarUrl}" />`
+        ? html`<img style=${style} src="${avatarUrl}" />`
         : MainAvatarIcon();
       return {
         key: id,