fix: remove sidebar identity card

This commit is contained in:
boos
2026-06-06 21:01:20 +08:00
parent b429695cba
commit 97113964c8
2 changed files with 1 additions and 80 deletions
-13
View File
@@ -1156,19 +1156,6 @@ function AppShell() {
</MobileDrawer> </MobileDrawer>
) : ( ) : (
<aside className={`sidebar ${sidebarCollapsed ? 'collapsed' : ''}`}> <aside className={`sidebar ${sidebarCollapsed ? 'collapsed' : ''}`}>
{!sidebarCollapsed && (
<div className={`sidebar-context-card ${isUserPage ? '' : 'sidebar-context-card-admin'}`.trim()}>
<LocalAvatar
className="sidebar-context-avatar"
profile={userProfile}
label={displayName}
/>
<div className="sidebar-context-copy">
<strong>{isUserPage ? displayName : t('管理控制台')}</strong>
{isUserPage && <span>{t('用户工作台')}</span>}
</div>
</div>
)}
<nav className="sidebar-scroll" aria-label={t(isUserPage ? '用户工作台' : '管理控制台')}> <nav className="sidebar-scroll" aria-label={t(isUserPage ? '用户工作台' : '管理控制台')}>
{currentSidebarGroups.map((group) => ( {currentSidebarGroups.map((group) => (
<div key={group.label} className="sidebar-group"> <div key={group.label} className="sidebar-group">
+1 -67
View File
@@ -12746,8 +12746,7 @@ textarea:focus {
} }
.topbar-user-avatar-inner img, .topbar-user-avatar-inner img,
.user-dropdown-avatar-inner img, .user-dropdown-avatar-inner img {
.sidebar-context-avatar img {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -12772,71 +12771,6 @@ textarea:focus {
linear-gradient(180deg, color-mix(in srgb, var(--color-bg-sidebar) 76%, var(--console-panel-solid)), color-mix(in srgb, var(--color-bg-sidebar) 88%, var(--color-bg))); linear-gradient(180deg, color-mix(in srgb, var(--color-bg-sidebar) 76%, var(--console-panel-solid)), color-mix(in srgb, var(--color-bg-sidebar) 88%, var(--color-bg)));
} }
.sidebar-context-card {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 10px;
align-items: center;
margin: 2px 0 12px;
padding: 10px;
border: 1px solid var(--console-line);
border-radius: 16px;
background:
linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, var(--color-bg-card)), color-mix(in srgb, var(--color-bg-card) 72%, transparent));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.52);
}
.sidebar-context-card-admin {
grid-template-columns: 34px minmax(0, 1fr);
}
[data-theme="dark"] .sidebar-context-card {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.sidebar-context-avatar {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 12px;
color: #fff;
font-size: 13px;
font-weight: 820;
text-transform: uppercase;
}
.sidebar-context-copy {
min-width: 0;
display: grid;
gap: 2px;
}
.sidebar-context-copy span,
.sidebar-context-copy strong {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sidebar-context-copy span {
color: var(--color-text-muted);
font-size: 11px;
font-weight: 720;
}
.sidebar-context-copy strong {
color: var(--color-text-primary);
font-size: 13px;
font-weight: 820;
}
.sidebar-context-card-admin .sidebar-context-copy strong {
font-size: 13.5px;
}
.sidebar-scroll { .sidebar-scroll {
flex: 1 1 auto; flex: 1 1 auto;
min-height: 0; min-height: 0;