fix: 调整知识库与工作流卡片信息布局

- 将发布状态移动到可见范围下方,释放标题空间

- 修正知识库卡片标题左对齐
This commit is contained in:
2026-07-30 16:20:39 +08:00
parent 57bd7b5d06
commit 5dbb46ef8f
4 changed files with 27 additions and 3 deletions

View File

@@ -456,6 +456,7 @@ function resolveMetaItems(item: any) {
} }
.title-row--stacked .card-title { .title-row--stacked .card-title {
align-self: flex-start;
max-width: 100%; max-width: 100%;
} }

View File

@@ -707,7 +707,7 @@ function changeCategory(category: any) {
:tag-map="collectionTypeLabelMap" :tag-map="collectionTypeLabelMap"
> >
<template #corner="{ item }"> <template #corner="{ item }">
<AiResourceCornerMeta> <AiResourceCornerMeta publish-placement="below">
<template #publish> <template #publish>
<div <div
class="knowledge-publish-chip" class="knowledge-publish-chip"

View File

@@ -1,5 +1,23 @@
<script setup lang="ts">
type PublishPlacement = 'below' | 'inline';
interface Props {
publishPlacement?: PublishPlacement;
}
const props = withDefaults(defineProps<Props>(), {
publishPlacement: 'inline',
});
</script>
<template> <template>
<div class="ai-resource-corner-meta"> <div
class="ai-resource-corner-meta"
:class="{
'ai-resource-corner-meta--publish-below':
props.publishPlacement === 'below',
}"
>
<div class="ai-resource-corner-meta__item"> <div class="ai-resource-corner-meta__item">
<slot name="publish"></slot> <slot name="publish"></slot>
</div> </div>
@@ -17,6 +35,11 @@
justify-content: flex-end; justify-content: flex-end;
} }
.ai-resource-corner-meta--publish-below {
flex-direction: column-reverse;
align-items: flex-end;
}
.ai-resource-corner-meta__item { .ai-resource-corner-meta__item {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@@ -1100,7 +1100,7 @@ function handleHeaderButtonClick(data: any) {
:actions="actions" :actions="actions"
> >
<template #corner="{ item }"> <template #corner="{ item }">
<AiResourceCornerMeta> <AiResourceCornerMeta publish-placement="below">
<template #publish> <template #publish>
<div <div
class="workflow-publish-chip" class="workflow-publish-chip"