fix(web): 工作区布局 - 主区账户图标默认态不再发灰
- 账户触发按钮加 app-workspace-account-trigger 类,占位 CircleUserRound 覆盖为 var(--foreground) 100%,不再套用图标按钮 58% 弱化;hover 仍保持背景反馈
This commit is contained in:
1 parent
e026c0570a
commit
3fde5fd304
2 files changed
+6
-1
No files matched your search
@@ -72,7 +72,7 @@ export function WorkspaceAccountMenu() {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<button type="button" className="app-workspace-topbar-icon-button" aria-label="账户菜单" title={user.displayName || user.username}>
|
<button type="button" className="app-workspace-topbar-icon-button app-workspace-account-trigger" aria-label="账户菜单" title={user.displayName || user.username}>
|
||||||
<UserAvatar user={user} className="size-6" />
|
<UserAvatar user={user} className="size-6" />
|
||||||
</button>
|
</button>
|
||||||
</Popover>
|
</Popover>
|
||||||
|
|||||||
@@ -1381,6 +1381,11 @@
|
|||||||
stroke-width: 1.8;
|
stroke-width: 1.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 账户触发按钮为身份标识,占位图标默认不弱化(与其他工具图标区分) */
|
||||||
|
.app-workspace-account-trigger > span > svg {
|
||||||
|
color: var(--foreground);
|
||||||
|
}
|
||||||
|
|
||||||
.app-workspace-topbar-icon-button:hover {
|
.app-workspace-topbar-icon-button:hover {
|
||||||
background: var(--surface-hover);
|
background: var(--surface-hover);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
|
|||||||
Reference in new issue
Block a user