ai-workspace-lab/xworkspace-console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): update reset auth token button to solid red button with translated hover tooltip

Browse Source
This commit is contained in:
Haitao Pan 2026-06-17 09:15:13 +08:00
parent 6b55830c60
commit 354f868089
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dashboard/src/components/Sidebar.tsx
View File

@ -76,12 +76,11 @@ export function Sidebar({
<div className="sidebar-tools">
<button
className="sidebar-tool-button"
className="sidebar-tool-button danger-button"
type="button"
aria-label="Reset Auth Token"
title="Reset Auth Token"
aria-label="Token Reset / Token 轮换"
title="Token Reset / Token 轮换"
onClick={onResetAuthClick}
style={{ color: '#d32f2f' }}
>
<Icon name="power" />
<strong>{!collapsed ? 'Reset Token' : ''}</strong>

11
dashboard/src/styles.css
View File

@ -2170,6 +2170,17 @@ button.node-card {
box-shadow: 0 8px 22px rgba(50, 65, 100, 0.07);
}
.sidebar .sidebar-tool-button.danger-button {
background: #d32f2f;
color: #ffffff;
border-color: #d32f2f;
box-shadow: 0 4px 12px rgba(211, 47, 47, 0.2);
}
.sidebar .sidebar-tool-button.danger-button:hover {
background: #b71c1c;
border-color: #b71c1c;
}
.sidebar .sidebar-tool-button:hover {
border-color: rgba(37, 99, 235, 0.24);
background: #fff;