refactor(原型设计): 调整用户信息展示位置
This commit is contained in:
@@ -652,6 +652,14 @@
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.topbar-user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-left: 18px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.system-nav-btn {
|
||||
min-height: 64px;
|
||||
padding: 0 16px;
|
||||
@@ -724,6 +732,18 @@
|
||||
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 {
|
||||
from { opacity: 0; transform: translateY(4px); }
|
||||
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="history">处理历史</button>
|
||||
</nav>
|
||||
<div class="topbar-user">
|
||||
<span class="muted" style="font-size:13px;">admin1</span>
|
||||
<span class="topbar-avatar">A</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -1183,13 +1207,6 @@
|
||||
<div class="history-list">
|
||||
${renderHistoryList(data.conversations)}
|
||||
</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>
|
||||
</aside>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user