refactor(原型设计): 调整用户信息展示位置

This commit is contained in:
2026-06-03 23:44:40 +08:00
parent 12a92ad278
commit aa5d4d77f8

View File

@@ -652,6 +652,14 @@
margin-left: 0; margin-left: 0;
} }
.topbar-user {
display: flex;
align-items: center;
gap: 10px;
margin-left: 18px;
white-space: nowrap;
}
.system-nav-btn { .system-nav-btn {
min-height: 64px; min-height: 64px;
padding: 0 16px; padding: 0 16px;
@@ -724,6 +732,18 @@
box-shadow: 0 8px 18px rgba(58, 115, 217, 0.2); box-shadow: 0 8px 18px rgba(58, 115, 217, 0.2);
} }
.topbar-avatar {
width: 34px;
height: 34px;
border-radius: 50%;
background: linear-gradient(180deg, #5d8ee9 0%, #3c74db 100%);
color: #fff;
display: grid;
place-items: center;
font-weight: 700;
box-shadow: 0 8px 18px rgba(58, 115, 217, 0.18);
}
@keyframes fadeIn { @keyframes fadeIn {
from { opacity: 0; transform: translateY(4px); } from { opacity: 0; transform: translateY(4px); }
to { opacity: 1; transform: translateY(0); } to { opacity: 1; transform: translateY(0); }
@@ -799,6 +819,10 @@
<button class="system-nav-btn" data-top-nav="knowledge">知识库</button> <button class="system-nav-btn" data-top-nav="knowledge">知识库</button>
<button class="system-nav-btn" data-top-nav="history">处理历史</button> <button class="system-nav-btn" data-top-nav="history">处理历史</button>
</nav> </nav>
<div class="topbar-user">
<span class="muted" style="font-size:13px;">admin1</span>
<span class="topbar-avatar">A</span>
</div>
</div> </div>
</div> </div>
</header> </header>
@@ -1183,13 +1207,6 @@
<div class="history-list"> <div class="history-list">
${renderHistoryList(data.conversations)} ${renderHistoryList(data.conversations)}
</div> </div>
<div class="history-footer">
<div class="history-avatar">A</div>
<div>
<strong style="display:block; font-size:14px;">admin1</strong>
<div class="muted" style="color:#5da96f;">在线</div>
</div>
</div>
</div> </div>
</aside> </aside>