zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Optimize style

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-12-31 14:24:28 +08:00
parent d8b3fd74b0
commit c785dfa47b
3 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/components/ai-chat/ExecutionDetailDialog.vue
View File

@ -624,10 +624,6 @@ defineExpose({ open })
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.execution-details-dialog { .execution-details-dialog {
width: 90% !important; width: 90% !important;
.footer-content {
display: block;
}
} }
} }
</style> </style>

4
ui/src/components/ai-chat/ParagraphSourceDialog.vue
View File

@ -79,9 +79,7 @@ defineExpose({ open })
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.paragraph-source { .paragraph-source {
width: 90% !important; width: 90% !important;
.footer-content {
display: block;
}
} }
} }
</style> </style>

25
ui/src/components/ai-chat/component/ParagraphCard.vue
View File

@ -17,7 +17,7 @@
</template> </template>
<template #footer> <template #footer>
<div class="footer-content flex-between"> <div class="footer-content flex-between">
<el-text class="flex align-center" style="width: 50%"> <el-text class="flex align-center item">
<img :src="getImgUrl(data?.document_name?.trim())" alt="" width="20" class="mr-4" /> <img :src="getImgUrl(data?.document_name?.trim())" alt="" width="20" class="mr-4" />
<template v-if="meta?.source_url"> <template v-if="meta?.source_url">
@ -28,24 +28,24 @@
: meta?.source_url : meta?.source_url
" "
target="_blank" target="_blank"
class="ellipsis" class="ellipsis-1"
:title="data?.document_name?.trim()" :title="data?.document_name?.trim()"
> >
{{ data?.document_name?.trim() }} {{ data?.document_name?.trim() }}
</a> </a>
</template> </template>
<template v-else> <template v-else>
<span class="ellipsis" :title="data?.document_name?.trim()"> <span class="ellipsis-1" :title="data?.document_name?.trim()">
{{ data?.document_name?.trim() }} {{ data?.document_name?.trim() }}
</span> </span>
</template> </template>
</el-text> </el-text>
<div class="flex align-center" style="line-height: 32px"> <div class="flex align-center item" style="line-height: 32px">
<AppAvatar class="mr-8 avatar-blue" shape="square" :size="18"> <AppAvatar class="mr-8 avatar-blue" shape="square" :size="18">
<img src="@/assets/icon_document.svg" style="width: 58%" alt="" /> <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
</AppAvatar> </AppAvatar>
<span class="ellipsis" :title="data?.dataset_name"> {{ data?.dataset_name }}</span> <span class="ellipsis-1" :title="data?.dataset_name"> {{ data?.dataset_name }}</span>
</div> </div>
</div> </div>
</template> </template>
@ -77,6 +77,13 @@ const parsedMeta = computed(() => {
const meta = computed(() => (isMetaObject.value ? props.data.meta : parsedMeta.value)) const meta = computed(() => (isMetaObject.value ? props.data.meta : parsedMeta.value))
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.paragraph-source-card {
.footer-content {
.item {
width: 50%;
}
}
}
.paragraph-source-card-height { .paragraph-source-card-height {
height: 260px; height: 260px;
} }
@ -85,5 +92,13 @@ const meta = computed(() => (isMetaObject.value ? props.data.meta : parsedMeta.v
.paragraph-source-card-height { .paragraph-source-card-height {
height: 285px; height: 285px;
} }
.paragraph-source-card {
.footer-content {
display: block;
.item {
width: 100%;
}
}
}
} }
</style> </style>