收口账号菜单侧栏导航

2026-06-12 16:33:18 +08:00
parent 81d2797035
commit 6323987a0d
10 changed files with 458 additions and 71 deletions
--- a/qimingclaw/crates/agent-electron-client/src/renderer/styles/components/App.module.css
+++ b/qimingclaw/crates/agent-electron-client/src/renderer/styles/components/App.module.css
@@ -35,3 +35,81 @@
  align-items: center;
  gap: 6px;
 }
+
+.siderWithAccount {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.siderNavArea {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding-top: 4px;
+}
+
+.accountButton {
+  width: calc(100% - 16px);
+  min-height: 54px;
+  margin: 8px;
+  padding: 8px;
+  border: 0;
+  border-radius: var(--border-radius);
+  background: transparent;
+  color: var(--color-text);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  text-align: left;
+  cursor: pointer;
+  transition: background-color 0.16s ease;
+}
+
+.accountButton:hover,
+.accountButton:focus-visible {
+  background: var(--color-bg-section-header);
+  outline: none;
+}
+
+.accountAvatar {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: var(--color-bg-elevated);
+  color: var(--color-icon);
+  border: 1px solid var(--color-border);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.accountAvatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.accountText {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  line-height: 1.25;
+}
+
+.accountName {
+  color: var(--color-text);
+  font-size: 13px;
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.accountHint {
+  color: var(--color-text-tertiary);
+  font-size: 11px;
+  margin-top: 2px;
+}