refactor(原型设计): 调整用户信息展示位置
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user