refactor(agent): 重构智能体页面布局和样式
-调整了智能体卡片的布局结构,优化了标题和描述的显示方式 - 改进了历史对话的展示样式,增加了滚动指示器 - 统一了标签和图标的样式,提升了视觉一致性 - 优化了搜索框和卡片列表的样式,提高了用户体验
This commit is contained in:
@ -2,7 +2,7 @@
|
||||
<div class="agent-card">
|
||||
<div class="header-section">
|
||||
<div class="image-container">
|
||||
<img :src="cozeInfo.icon_url" alt="" />
|
||||
<img :src="cozeInfo.icon_url" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-section">
|
||||
|
||||
@ -22,14 +22,16 @@
|
||||
.image-container {
|
||||
height: 400px;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.image-container img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 24px;
|
||||
aspect-ratio: 1 / 1;
|
||||
object-fit: cover;
|
||||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -94,12 +96,12 @@
|
||||
|
||||
.usage-info {
|
||||
width: 79px;
|
||||
height: 24px;
|
||||
height: 34px;
|
||||
position: relative;
|
||||
|
||||
.count {
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
top: 10px;
|
||||
position: absolute;
|
||||
color: var(--Text-2, #3C4043);
|
||||
font-size: 16px;
|
||||
@ -110,7 +112,7 @@
|
||||
|
||||
.label {
|
||||
left: 43px;
|
||||
top: 3px;
|
||||
top: 10px;
|
||||
position: absolute;
|
||||
color: var(--Text-3, #737478);
|
||||
font-size: 12px;
|
||||
|
||||
Reference in New Issue
Block a user