fix(web): 工作区布局 - 账户图标默认态去掉圆角容器
- UserAvatar 占位 span 移除 rounded + bg-foreground/[.06] 圆角容器,默认态为纯图标;hover/打开菜单时由图标按钮背景提供圆角反馈
This commit is contained in:
@@ -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)} />
|
||||
) : (
|
||||
|
||||
Reference in New Issue
Block a user