diff --git a/tauri-app/src/components/Layout/Sidebar.css b/tauri-app/src/components/Layout/Sidebar.css index 35fd41a..2bc8d55 100644 --- a/tauri-app/src/components/Layout/Sidebar.css +++ b/tauri-app/src/components/Layout/Sidebar.css @@ -174,31 +174,18 @@ overflow: hidden; } -.sidebar-balance-inline { - display: flex; - align-items: center; - gap: var(--spacing-xs); - margin-top: 2px; - cursor: pointer; - transition: opacity var(--transition-fast); -} - -.sidebar-balance-inline:hover { - opacity: 0.8; -} - -.sidebar-balance-inline .balance-text { +.sidebar-balance-text { font-size: 12px; font-weight: 600; color: var(--primary); + margin-top: 2px; } .sidebar-user { display: flex; align-items: center; - justify-content: center; gap: var(--spacing-sm); - padding: var(--spacing-sm); + padding: var(--spacing-sm) var(--spacing-md); cursor: pointer; transition: background var(--transition-fast); } @@ -208,8 +195,8 @@ } .user-avatar { - width: 32px; - height: 32px; + width: 36px; + height: 36px; border-radius: var(--radius-full); background: var(--primary-gradient); color: var(--text-inverse); @@ -226,11 +213,12 @@ flex-direction: column; min-width: 0; flex: 1; + gap: 1px; } .user-name { - font-size: var(--font-sm); - font-weight: 500; + font-size: 14px; + font-weight: 600; color: var(--text-primary); white-space: nowrap; overflow: hidden; diff --git a/tauri-app/src/components/Layout/Sidebar.tsx b/tauri-app/src/components/Layout/Sidebar.tsx index b5f024a..22ffaf1 100644 --- a/tauri-app/src/components/Layout/Sidebar.tsx +++ b/tauri-app/src/components/Layout/Sidebar.tsx @@ -224,16 +224,7 @@ export default function Sidebar({ currentPath, onNavigate }: SidebarProps) { />