style(agent): 优化工作流页面样式
- 移除工作流卡片标题的自定义颜色样式- 优化 Markdown 渲染容器的样式,确保图片自适应- 调整历史记录项弹出框的样式,使其背景透明无圆角
This commit is contained in:
@ -41,31 +41,33 @@
|
|||||||
<div class="text ellipsis-title" @click="getHistoryInfo(item)">
|
<div class="text ellipsis-title" @click="getHistoryInfo(item)">
|
||||||
{{ item.title }}
|
{{ item.title }}
|
||||||
</div>
|
</div>
|
||||||
<a-trigger position="bottom" :auto-fit-position="true" :unmount-on-close="true">
|
<div class="trigger-container">
|
||||||
<SvgIcon size="12" name="svg-more" style="float: right" />
|
<a-trigger position="top" trigger="click" :auto-fit-position="false" :unmount-on-close="true ">
|
||||||
<template #content>
|
<SvgIcon size="12" name="svg-more" class="icon-more" />
|
||||||
<div class="">
|
<template #content>
|
||||||
<div class="history-item-dropdown">
|
<div class="">
|
||||||
<div class="dropdown-item ">
|
<div class="history-item-dropdown">
|
||||||
<SvgIcon size="12" name="svg-pin" class="icon color-#6D4CFE" />
|
<div class="dropdown-item ">
|
||||||
<div @click="(event) => handleTop(item.id, item.sort, event)" class="text">
|
<SvgIcon size="12" name="svg-pin" class="icon color-#6D4CFE" />
|
||||||
{{ item.sort > 0 ? '取消置顶' : '置顶' }}
|
<div @click="(event) => handleTop(item.id, item.sort, event)" class="text">
|
||||||
|
{{ item.sort > 0 ? '取消置顶' : '置顶' }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-item">
|
||||||
|
<SvgIcon size="12" name="svg-delete" class="icon color-#6D4CFE" />
|
||||||
|
<a-popconfirm
|
||||||
|
content="你确认删除该历史对话吗"
|
||||||
|
@ok="deleteHistory(item.id, index)"
|
||||||
|
type="error"
|
||||||
|
>
|
||||||
|
<div class="text delete">删除</div>
|
||||||
|
</a-popconfirm>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dropdown-item">
|
|
||||||
<SvgIcon size="12" name="svg-delete" class="icon color-#6D4CFE" />
|
|
||||||
<a-popconfirm
|
|
||||||
content="你确认删除该历史对话吗"
|
|
||||||
@ok="deleteHistory(item.id, index)"
|
|
||||||
type="error"
|
|
||||||
>
|
|
||||||
<div class="text delete">删除</div>
|
|
||||||
</a-popconfirm>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</template>
|
||||||
</template>
|
</a-trigger>
|
||||||
</a-trigger>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -225,8 +225,19 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
.trigger-container {
|
||||||
|
position: relative;
|
||||||
|
.icon-more {
|
||||||
|
display: none;
|
||||||
|
float: right;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--BG-200, #E6E6E8);
|
background: var(--BG-200, #E6E6E8);
|
||||||
|
.trigger-container .icon-more {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user