fix(web): 工作区布局 - 账户图标默认态去掉圆角容器

- UserAvatar 占位 span 移除 rounded + bg-foreground/[.06] 圆角容器,默认态为纯图标;hover/打开菜单时由图标按钮背景提供圆角反馈
This commit is contained in:
sikongyue
2026-08-20 00:40:53 +08:00
parent 3fde5fd304
commit 17a8d8ae03

View File

@@ -93,9 +93,9 @@ function UserAvatar({ user, className }: { user: LocalUser; className?: string }
useEffect(() => setFailed(false), [avatarUrl]);
// 结构保持 button > span > svg:占位图标自动复用顶栏图标按钮的 18px/1.8 描边与配色合同。
// 结构保持 button > span > svg:占位图标自动复用顶栏图标按钮的 18px/1.8 描边与配色合同;默认不套圆角容器,hover 由按钮背景反馈。
return (
<span className={cn("grid shrink-0 place-items-center overflow-hidden rounded-[var(--r-sm)] bg-foreground/[.06]", className)}>
<span className={cn("grid shrink-0 place-items-center overflow-hidden", className)}>
{avatarUrl && !failed ? (
<img src={avatarUrl} alt="" referrerPolicy="no-referrer" className="size-full object-cover" onError={() => setFailed(true)} />
) : (