fix: 调整知识库与工作流卡片信息布局
- 将发布状态移动到可见范围下方,释放标题空间 - 修正知识库卡片标题左对齐
This commit is contained in:
@@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user